首页 > 技术文章 > Jquery Datatable自动生成序号

black-spike 2018-01-20 11:50 原文

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

补个图

第一种:

第二种:

小结

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

推荐阅读