1 回答

TA貢獻1797條經驗 獲得超4個贊
假設您定義的 HTML 表沒有任何顯式行,如下所示...
<table id="example" class="display dataTable cell-border" style="width:100%">
</table>
...那么您的 DataTable 選項需要配置如下:
var BillingDate = [ {...}, {...}, ..., {...} ];
$(document).ready(function() {
var table = $('#example').DataTable( {
data: BillingDate,
columns: [
{ "title": "branchcode",
"data": "branchcode" },
{ "title": "year",
"data": "saleyear" },
{ "title": "period",
"data": "saleprd" },
{ "title": "LastX",
"data": "LastX" },
{ "title": "LastY",
"data": "LastY" },
{ "title": "flag",
"data": "flag" }
]
} );
} );
注意事項:
因為您的 JSON 數據數組位于名為 的變量中BillingDate,所以這是您需要在數據表中使用的名稱:
data: BillingDate
這告訴 DataTables 在迭代行數據數組時從哪里開始。
然后,您可以通過使用 提供列標題title和使用 提供數據源來逐一聲明您的列data。每個data值必須與 JSON 對象中使用的名稱完全匹配(每行一個對象)。
添加回答
舉報