Question

我正在尝试使用DataTables填充表格：

<table id="diTable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

我的jQuery是：

$(document).ready(function () {
    $('#diTable').DataTable({
        ajax: {
            url: '/ajax/get/full',
            dataSrc: 'fields'
        },
        columns: [
            {data: 'name'},
            {data: 'age'}
        ]
   });
});

我得到了Datatables完成的表格布局，但没有加载数据。我试图通过简单的ajax获取我的数据。我的数据如下：

[
{"pk": 1, "fields": {"name": "Ravil", "age": 30}}, 
{"pk": 2, "fields": {"name": "Rdreis", "age": 50}}, 
{"pk": 3, "fields": {"name": "Gramani", "age": 20}}, 
{"pk": 4, "fields": {"name": "Menthrali", "age": 23}}
]

我哪里错了？

注意：我使用的是jQuery 1.11.3和DataTables 1.10

Answer 1

你可以尝试一下

$('#diTable').DataTable({
        "aaData": dataz,
        "aoColumns": [
          { "mDataProp": "fields.name" },
          { "mDataProp": "fields.age" },
        ]
 });

https://jsfiddle.net/jho2dths/

DataTables错误：无法读取属性＆＃39;长度＆＃39;未定义的

1 个答案: