使用JavaScript數據源的DataTables

Question

我試圖在此處的模板后面使用JavaScript對象作為數據源來實現一個簡單的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封裝。

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

該表的正確HTML應該是：

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