Javascript Jquery数据表不填充数据

我正在尝试用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"}
        ]
    })
})

您可以使用函数来做您想做的事情

 $(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();
        }
    })
})