DataTables 使用 JavaScript 数据源

Question

我正在尝试使用 JavaScript 对象作为模板 here 之后的数据源（第二个示例）来实现一个简单的数据表示例。请看下面的代码：

$("#dynamicScenarioTblContainer div:last table").DataTable({ //initialize table with extras
    "data"   : [{"NoData": "no data"}],
    "columns": [{ "data" : "NoData" }]
});

尽管代码似乎遵循与我得到的示例相同的逻辑

'Uncaught TypeError: Cannot read property 'length' of undefined'

更新：

var DSDefaultSettings = '<table class="display compact" cellspacing="0" width="100%"><tr><thead></thead></tr><tbody></tbody>/table>';
$("#dynamicScenarioTblContainer").append("<div></div>")
$("#dynamicScenarioTblContainer div:last").html(DSDefaultSettings);

$("#dynamicScenarioTblContainer div:last table").DataTable({ //initialize table with extras
    "data": [{"NoData": "no data"}],
    "columns":  [{ "data": "NoData" }]
});

Answer 1

您的 table 中没有 tbody 元素，thead 不应被 tr 封装。

参考： http://www.w3schools.com/tags/tag_thead.asp

table 的正确 HTML 应该是：

var DSDefaultSettings = '<table class="display compact" cellspacing="0" width="100%"><thead></thead><tbody></tbody></table>';

DataTables 使用 JavaScript 数据源

DataTables using JavaScript data source

javascript

jquery

datatables