这是一个常见问题,但是我没有在现有线程中找到解决方案。它通常指出页眉和单元格之间不匹配,但我认为不是这种情况。也许我只是在过去...
我的JSON ...
{"draw": 1, "recordsTotal": 5, "recordsFiltered": 5, "data": [{"fName":"Ida","lName":"Black"},{"fName":"Gwen","lName":"Sharp"},{"fName":"Sharon","lName":"Sullivan"},{"fName":"Claudette","lName":"Tidwell"},{"fName":"Ellie","lName":"Westman"}]}
我的HTML ...
<table id="datatable_tabletools" width="100%">
<thead>
<tr>
<th>fName</th>
<th>lName</th>
</tr>
</thead>
<tfoot>
<tr>
<th>fName</th>
<th>lName</th>
</tr>
</tfoot>
</table>
我的JS ...
$('#datatable_tabletools').dataTable({
"processing": true,
"serverSide": true,
"data": "../contacts/returnjson"
});
关于我为什么会收到此错误的任何想法?
答案 0 :(得分:2)
您需要使用columns.data
选项为每一列指定数据属性名称。
如果您使用的是基于Ajax的数据,则还应该使用ajax.url
选项来定义数据源URL。
例如:
$('#datatable_tabletools').dataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "../contacts/returnjson"
},
"columns": [
{ "data": "fName" },
{ "data": "lName" }
]
});