如何用JSON对象填充表(Datatables.js）

How to populate a table (Datatables.js) with a JSON object

本文关键字：Datatables js 填充 何用 JSON 对象      更新时间：2023-09-26

我有一个JSON对象，看起来像这个

data["a01"] = {"field1":"someInfo", "field2":"someInfo"};
data["a02"] = {"field1":"someInfo", "field2":"someInfo"};
data["a03"] = {"field1":"someInfo", "field2":"someInfo"};

我想填充一个表（Datatables.js）我是这样定义的。。。

   $gbl_tbl_master = $('#op_master_tbl').dataTable({
        "aoColumns": [
            {"sTitle": "Id", "mData": "id", "sDefaultContent": "0"},
            {"sTitle": "total_wrk_h", "mData": "total_wrk_h", "sDefaultContent": "0"},
            {"sTitle": "real_wrk_h", "mData": "real_wrk_h", "sDefaultContent": "0"},
            {"sTitle": "total_bonus", "mData": "total_bonus", "sDefaultContent": "0"},
            {"sTitle": "d_fl", "mData": "d_fl", "sDefaultContent": "0"},
            {"sTitle": "total_uapv_d", "mData": "total_uapv_d", "sDefaultContent": "0"},
            {"sTitle": "p_fl", "mData": "p_fl", "sDefaultContent": "0"},
            {"sTitle": "emp_name", "mData": "emp_name", "sDefaultContent": "0"}]
    });

如果我设置了JSON对象。。。

$gbl_tbl_master.fnClearTable();
$gbl_tbl_master.fnAddData(data);

我的数据不显示，它只显示一个具有默认值的唯一行

谢谢。

框架DataTables.js中的数据表需要一个索引对象，解决我问题的一个技巧是使用这样的时态数组。。。。

tmp = [];
tmp = $.map(data, function(element) { return element; });
$gbl_tbl_master.fnClearTable();
$gbl_tbl_master.fnAddData(tmp);
相关文章：