Question

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

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

虽然代码似乎遵循与我得到的例子相同的逻辑

'未捕获的TypeError：无法读取未定义'
的属性'length'

更新：

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

表格中没有tbody元素，thead不应该tr封装var DSDefaultSettings = '<table class="display compact" cellspacing="0" width="100%"><thead></thead><tbody></tbody></table>';。

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

表格的正确HTML应为：

compile 'com.android.support:design:22.2.0'

DataTables使用JavaScript数据源

1 个答案: