博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery插件dataTables添加序号列
阅读量:6081 次
发布时间:2019-06-20

本文共 910 字,大约阅读时间需要 3 分钟。

官网方法实例:

$(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) {

    //此处 startIndex + i + 1;会出现翻页序号不连续,主要是因为startIndex 的原因,去掉即可。

    //cell.innerHTML = startIndex + i + 1;

    cell.innerHTML =  i + 1;

  });

}

 

网址链接:http://datatables.club/example/api/counter_columns.html

转载于:https://www.cnblogs.com/Kevin-1992/p/5645877.html

你可能感兴趣的文章
spark高级排序彻底解秘
查看>>
ylbtech-LanguageSamples-PartialTypes(部分类型)
查看>>
福建省促进大数据发展:变分散式管理为统筹集中式管理
查看>>
开发环境、生产环境、测试环境的基本理解和区别
查看>>
tomcat多应用之间如何共享jar
查看>>
Flex前后台交互,service层调用后台服务的简单封装
查看>>
MySQL入门12-数据类型
查看>>
Windows Azure 保留已存在的虚拟网络外网IP(云服务)
查看>>
修改字符集
查看>>
HackTheGame 攻略 - 第四关
查看>>
js删除数组元素
查看>>
带空格文件名的处理(find xargs grep ..etc)
查看>>
华为Access、Hybrid和Trunk的区别和设置
查看>>
centos使用docker下安装mysql并配置、nginx
查看>>
关于HTML5的理解
查看>>
需要学的东西
查看>>
Internet Message Access Protocol --- IMAP协议
查看>>
Linux 获取文件夹下的所有文件
查看>>
对 Sea.js 进行配置(一) seajs.config
查看>>
第六周
查看>>