DataTables显示行号及连续自动编号

1、在html中添加一个序号列

<table id="dynamic-table">
     <thead>
          <tr>
              <th width="10%">序号</th>
              <th width="45%">项目名称</th>
              <th width="45%">项目编号</th> 
          </tr>
     </thead>
 
     <tbody>
 
     </tbody>
</table>

2、js中定义一个null的列

var col = [
    	{"data": null},
        {"data": 'projectName'},
        {"data": 'projectCode'}
]

3、datatable

    //为datatable增加序号
    table.on('order.dt search.dt',function(){
    	table.column(0,{
    		search: 'applied',
    		order: 'applied'
    	}).nodes().each(function(cell,i){
    		i = i + 1;
    		var page = table.page.info();
    		var pageno = page.page;
    		var length = page.length;
    		var columnIndex = (i+pageno*length);
    		cell.innerHTML = columnIndex;
    	});
    }).draw();


版权声明:本文为qq_37564410原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。