jquery dataTable 自增列
时间: 2023-12-29 16:24:08 浏览: 104
以下是使用jQuery DataTable实现自增列的方法:
```javascript
// 初始化DataTable
$('#dynamic-table').DataTable({
// 在第一列前添加一个空列
"columnDefs": [{
"orderable": false,
"className": 'select-checkbox',
"targets": 0,
"data": null,
"defaultContent": ""
}],
// 在表格绘制完成后,遍历第一列并设置序号
"fnDrawCallback": function() {
this.api().column(0).nodes().each(function(cell, i) {
cell.innerHTML = i + 1;
});
}
});
```
在上述代码中,我们使用了`columnDefs`选项在第一列前添加了一个空列,并使用`fnDrawCallback`选项在表格绘制完成后遍历第一列并设置序号。
阅读全文