Jquery Datatable自动生成序号

时间:2023-03-08 17:03:55
Jquery Datatable自动生成序号

公司项目里,使用的是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;
});
}

补个图

第一种:

Jquery Datatable自动生成序号

Jquery Datatable自动生成序号

第二种:

Jquery Datatable自动生成序号

Jquery Datatable自动生成序号

小结

这是在工作中遇到的问题,记下来下次遇到可以直接用了。两种情况我都试了,都是可以的。例子原文