公司項目里,使用的是jquerydatatable框架來展示數據的,在使用的時候遇到一個問題,就是要自動生成序號,且在分頁的時候,下一頁的序號緊跟着前一頁的序號,下面是代碼:
"fnDrawCallback" : function(){
var api = this.api();
var startIndex= api.context[0]._iDisplayStart;//獲取到本頁開始的條數
api.column(0).nodes().each(function(cell, i) {
cell.innerHTML = startIndex + i + 1;
});
},
"aoColumns" : [
{"sTitle":"序號", "mDataProp": null,"targets": 0,"sClass": "center", "bSortable": false, "sWidth": "80"}
]
還有一種情況是,每一頁都是從1開始的:
"fnDrawCallback" : function(){
this.api().column(0).nodes().each(function(cell, i) {
cell.innerHTML = i + 1;
});
}
補個圖
第一種:


第二種:


小結
這是在工作中遇到的問題,記下來下次遇到可以直接用了。兩種情況我都試了,都是可以的。例子原文
