从本地对象数组填充jquery数据表

时间:2016-02-21 19:28:42

标签: jquery arrays datatables

我有一个全局变量,最初包含一个空数组。从用户提供的数据,我用一个对象数组填充此变量。我想从这个数组中填充数据表。我在文档顶部使用了以下配置,但是当填充数组时,数据表不会显示数据。 numbercountpercent是对象中的关键名称。

                $('#my-data-table').dataTable({
                    paginate: false,
                    data: myArrayOfObjects,
                    columns: [
                        {data: "number"},
                        {data: 'count'},
                        {data: 'percent'},
                    ],
                });

我确实填充了数组,并且在填充本地数组后,我试图用$('#my-data-table').DataTable().draw();重绘数据表,但没有成功。我错过了什么?使用jquery.datatables 1.10.12-dev

1 个答案:

答案 0 :(得分:0)

 var data = [{"number": "1","count": "12","percent": "13",}];
$('#example').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bProcessing": true,
    "bDeferRender": true,
    "aaData":  data ,
    "aoColumns": [
                { "mDataProp": "number" },
                { "mDataProp": "count" },
                { "mDataProp": "percent" },
{ "mDataProp": "status" }
            ]
});