官網方法實例:
$(document).ready(
function
() {
var
t = $(
'#example'
).DataTable({
"columnDefs"
: [{
"searchable"
:
false
,
"orderable"
:
false
,
"targets"
: 0
}],
"order"
: [[1,
'asc'
]]
});
t.on(
'order.dt search.dt'
,
function
() {
t.column(0, {
search:
'applied'
,
order:
'applied'
}).nodes().each(
function
(cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
});
試了一下,然後發現會報draw方法找不到之類的,可能是因爲版本問題,用的是1.12.10版本的。
所以又發現有熱心網友分享一下方法,是可以的。
定義{"data": null,"targets": 0},一個空列,然後在dataTables中添加方法:
"fnDrawCallback": function(){
var api = this.api();
//var startIndex= api.context[0]._iDisplayStart;//獲取到本頁開始的條數
api.column(0).nodes().each(function(cell, i) {
//此處 startIndex + i + 1;會出現翻頁序號不連續,主要是因爲startIndex 的原因,去掉即可。
//cell.innerHTML = startIndex + i + 1;
cell.innerHTML = i + 1;
});
}
網址鏈接:http://datatables.club/example/api/counter_columns.html