Javascript dataTables填充数据问题(没有返回错误)

时间:2016-11-15 12:07:48

标签: javascript datatables

我正在使用数据表并尝试使用包含数据的表格。

我的数据如下:

<table id="mytable" class="display" width="100%"></table>

{
  "users": [
    {
      "id": "6700",
      "user": {
        "firstName": "somename"
      },
      "Count": 0
    }
  ]
}

所以这就是我所做的:

var dataSet = {
    "users": [
        {
            "id": "6700",
            "user": {
                "firstName": "somename"
            },
            "Count": 0
        }
    ]
};

jQuery('#mytable').DataTable( {
    data: dataSet,
    columns: [
        { "users": "id" }
    ]
});

我没有收到任何错误,但也没有插入数据。

我在这里做错了什么?

1 个答案:

答案 0 :(得分:2)

data选项中,您需要提供包含对象数组的变量(dataSet.users)。同样在columns.data选项中,您需要在数组中的每个对象中定义属性(id)。

更正后的代码如下所示。

jQuery('#mytable').DataTable( {
    "data": dataSet.users,
    "columns": [
        { "data": "id", "title": "ID" }
    ]
});

请参阅this example进行演示。