jQuery插件dataTables添加序号列的方法
官网方法实例：
$(document).ready(function() {
var t = $('#example').DataTable({
"columnDefs": [{
"searchable": false,
"orderable": false,
"targets": 0
}],
"order": [[1, 'asc']]
});
t.on('order.dt search.dt',
function() {
t.column(0, {
search: 'applied',
order: 'applied'
}).nodes().each(function(cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
});
试了一下，然后发现会报draw方法找不到之类的，可能是因为版本问题，用的是1.12.10版本的。
所以又发现有热心网友分享一下方法，是可以的。
定义{"data": null,"targets": 0},一个空列，然后在dataTables中添加方法：
"fnDrawCallback": function(){
var api = this.api();
var startIndex= api.context[0]._iDisplayStart;//获取到本页开始的条数
api.column(0).nodes().each(function(cell, i) {
cell.innerHTML = startIndex + i + 1;
});
}
网址链接：http://datatables.club/example/api/counter_columns.html
以上所述是小编给大家介绍的jQuery插件dataTables添加序号列的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍jQuery插件datatables使用教程，包括了jQuery插件datatables使用教程的使用技巧和注意事项，需要的朋友参考一下 jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。 如何把数据库中的数据以表格的形式展示到前端，实现有很多方法，最近用jquery的datatables插件来实现了发
-
我不知道如何正确地连接这个插头，有人能帮助我吗？ webpack.config.js如下所示；https://gist.github.com/marcingolenia/2fa78ed2cd42f9294da5edd22d351245 我希望这条线能解决问题；
-
本文向大家介绍jQuery表格插件datatables用法汇总，包括了jQuery表格插件datatables用法汇总的使用技巧和注意事项，需要的朋友参考一下 DataTables是一个jQuery的表格插件，本文为大家分享了表格插件datatables用法，介绍了基础的部分知识，具体内容如下 一、初始化 在页面中 js中初始化 二、常用配置 在初始化的时候可以通过一些常用的配置项对表格进行配置，
-
本文向大家介绍jQuery表格插件datatables用法详解，包括了jQuery表格插件datatables用法详解的使用技巧和注意事项，需要的朋友参考一下 一、Datatables简介 DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点： 自动分页处理 即时表格数据过滤 数据排序以及数据类型自动检
-
本文向大家介绍jQuery表格插件datatables用法总结，包括了jQuery表格插件datatables用法总结的使用技巧和注意事项，需要的朋友参考一下 DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。 官方网站及其下载地址：http:/www.datatables.net 当前最新版为1.10.2，
-
本文向大家介绍AngularJS表格添加序号的方法，包括了AngularJS表格添加序号的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了AngularJS表格添加序号的方法。分享给大家供大家参考，具体如下： 1、问题背景 AngularJS表格需要序号，可以利用$index来作为序号 2、实现实例 3、实现结果 更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《Angu