Jatery Datatables не заполняется данными

Question

Я пытаюсь создать веб-приложение с электроном и использую таблицы данных 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();
        }
    })
})