Question

我正在尝试用电子构建一个Web应用程序，并且正在使用Jquery数据表填充数据。问题是我面临的问题是该表无法从data = []数组中加载数据

var data=[];

$(document).ready(function () {

    var sql="select Name,IMEI,Price,Quantity,Memory,Color from products";
    connection.query(sql,function (err,rows) {
        if (err) {alert("Error")};
        for(var i=0;i<rows.length;i++){
            // console.log(Object.values(rows[i]))
            data.push(Object.values(rows[i]))
        }
    })

    console.log(data)

    $('#myTable').DataTable({
        data:data,
        columns:[
            {"data":"Name",title:"Name"},
            {title:"IMEI"},
            {title:"Price"},
            {title:"Quantity"},
            {title:"Memory"},
            {title:"Color"}
        ]
    })
})

Answer 1

您可以使用row.add()函数来完成所需的操作

 $(document).ready(function () {

    var table = $('#myTable').DataTable();

    var sql="select Name,IMEI,Price,Quantity,Memory,Color from products";
    connection.query(sql,function (err,rows) {

        if (err) {alert("Error")};

        for(var i=0;i<rows.length;i++){
            table.row.add( {
                "Name":    Object.values(rows[i].Name),
                "IMEI":    Object.values(rows[i].IMEI),
                "Price":   Object.values(rows[i].Price),
                "Quantity":Object.values(rows[i].Quantity),
                "Memory":  Object.values(rows[i].Memory),
                "Color":   Object.values(rows[i].Color)
            } ).draw();
        }
    })
})

jQuery数据表未填充数据

1 个答案: