table
<table class="table table-striped table-bordered table-hover " style="width: 100%;"
id="table1">
<thead>
<tr>
<th>名</th>
<th>類型</th>
<th>是否爲空</th>
<th>默認值</th>
<th>備註</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
js
data:
{
"data":[
{"1":1,
"2":2,
"3":3,
"4":4,
"5":5,
},
{"1":1,
"2":2,
"3":3,
"4":4,
"5":5,
}
]
}
$.getJSON(url, function (data, textStatus) {
$("#table1").dataTable().fnClearTable();
$("#table1").dataTable().fnDestroy();
var data1 = data['data']
$('#table1').DataTable({
data: data1,
columns: [
{data: '1'},
{data: '2'},
{data: '3'},
{data: '4'},
{data: '5'}
],
"oLanguage": {
"sLengthMenu": "每頁顯示 _MENU_ 條記錄",
"sZeroRecords": "對不起,查詢不到任何相關數據",
"sInfo": "當前顯示 _START_ 到 _END_ 條,共 _TOTAL_條記錄",
"sInfoEmtpy": "找不到相關數據",
"sInfoFiltered": " 數據表中共爲 _MAX_ 條記錄",
"sProcessing": "正在加載中...",
"sSearch": "搜索",
"oPaginate": {
"sFirst": "第一頁",
"sPrevious": " 上一頁 ",
"sNext": " 下一頁 ",
"sLast": " 最後一頁 "
}
},
dom: '<"html5buttons"B>lTfgitp,',
{#"order": [[0, 'desc']],#}
"ordering": false, // 禁止排序
buttons: ['copy', 'csv', 'excel']
});
});