jQuery插件dataTables添加序号列的方法

网络编程 2025-03-23 20:08www.168986.cn编程入门

jQuery插件dataTables如何添加序号列——实战分享

我们可以参考官方提供的方法实例。在数据表初始化时,我们可以设置一些参数,并通过事件处理程序来动态添加序号列。示例代码如下:

```javascript

$(document).ready(function() {

var table = $('example').DataTable({

"columnDefs": [{

"searchable": false,

"orderable": false,

"targets": 0

}],

"order": [[1, 'asc']]

});

table.on('order.dt search.dt', function() {

table.column(0, {

search: 'applied',

order: 'applied'

}).nodes().each(function(cell, index) {

cellnerHTML = index + 1; // 动态添加序号

});

});

});

```

有些版本可能无法直接使用上述方法。特别是某些版本在调用 `draw()` 方法时可能会出现错误。这时我们可以使用另一种方法来实现序号列的添加。我们可以定义一个空列,并在 `fnDrawCallback` 中进行自定义处理:

```javascript

"fnDrawCallback": function(){

var api = this.api(); // 获取API实例

var startIndex = api.context[0]._iDisplayStart; // 获取当前页的起始条数索引值

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by