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();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值