DataTables.js行索引,添加行号的两种方式

来源:互联网 发布:音乐喷泉软件下载 编辑:程序博客网 时间:2024/04/29 16:52

使用官网例子会出现一下错误,分页你就知道了

这里写图片描述

然后自己尝试了一下两种方式均可以, 第一个是draw回调函数

//draw回调函数,第0列添加行号"drawCallback": function(settings){//为每行添加索引列,即行号    var api = this.api();    //获取到本页开始的条数    var startIndex = api.context[0]._iDisplayStart;    api.column(0).nodes().each(function(cell, i) {        cell.innerHTML = startIndex + i + 1;    }); },

第二个是直接下载列配置下

"columns" : [{  //行号    className: "td-no",    orderable: false,     data: null,     render: function (data, type, row, meta) {     var no = meta.settings._iDisplayStart + meta.row + 1;     return no;}]

完美perfect

0 0