javascript - Jquery Datatables 不填充数据

Question

我正在尝试使用 Electron 构建一个 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();
        }
    })
})