Question

出于某种原因，我的数据未填入表格中。

我有一个JSON数据，我想要的就是填充数据表。

有人可以帮助我，让我知道我错过了哪一个简单的步骤？

我有1.9.4版本。

<table id="example">
    <thead>
        <tr><th>name</th>
            <th>position</th>
            <th>salary</th>
            <th>start_date</th>
            <th>office</th>
            <th>extn</th>        
    </tr>
    </thead>
    <tbody></tbody>
</table>

$('#example').dataTable({
        data: [
            [
                "Tiger Nixon",
                "System Architect",
                "$3,120",
                "2011/04/25",
                "Edinburgh",
                "5421"
            ],
            [
                "Garrett Winters",
                "Director",
                "5300",
                "2011/07/25",
                "Edinburgh",
                "8422"
            ]
        ]

    });

fiddle

Answer 1

这是 1.9.4 示例。你需要

传递带有对象的JSON，而不是数组
目标aaData，而不是data或aoData
指定aoColumns，例如列 - ＆gt; json值

这里我只使用上面数据的前两个“列”：

var json = [
    { "name" : "Tiger Nixon", "position" : "System Architect" /*,.,.,.*/ },
    { "name" : "Garrett Winters", "position" : "Director"  /*,.,.,.*/ }
];

var table = $('#example').dataTable({
     aaData : json,
     aoColumns: [
        { mDataProp: "name" },
        { mDataProp: "position" }
    ]
});

小提琴 - ＆gt;的 http://jsfiddle.net/4e7myzmm/
在dataTables 1.10.x中相同 - ＆gt;的 http://jsfiddle.net/c27jj9he/

Answer 2

而不是data:，您需要使用aaData:

$('#example').dataTable({
    aaData: [
      [...

默认情况下，DataTables将使用返回数据的“aaData”属性，该属性是一个数组数组，表中的每列都有一个条目。见docs

jsfiddle

无法在jQuery数据表中填充数据

2 个答案: