jQuery插件dataTables添加序号列的方法
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; // 获取当前页的起始条数索引值
编程语言
- jQuery插件dataTables添加序号列的方法
- 使用Curl进行抓取远程内容时url中文编码问题示例
- 使用composer命令加载vendor中的第三方类库 的方法
- javascript中判断json的方法总结
- PHP判断指定时间段的2个方法
- 微信小程序 页面跳转传递值几种方法详解
- Json_decode 解析json字符串为NULL的解决方法(必看)
- Thinkphp自定义代码生成工具及用法说明(附下载地
- javascript数据结构中栈的应用之符号平衡问题
- django js 实现表格动态标序号的实例代码
- js精准的倒计时函数分享
- Visual Studio和Visual Studio Code之间有什么区别
- PHP使用JpGraph绘制折线图操作示例【附源码下载】
- 关于两个jQuery(js)特效冲突的bug的解决办法
- 深入理解PHP JSON数组与对象
- Scala解析Json字符串的实例详解