博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
datatable 加序号列
阅读量:5036 次
发布时间:2019-06-12

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

   最近使用datatable时,发现没有像jqgrid那样生成序号列,在国外网站搜罗了一下还是很简单的,就要在aoColumns中添加一空列占位就行,然后再用fnRowCallback添加序号

示例如下 by :   

//加载列表数据          tables = $('#launch_table').alijkDataTable({             "sAjaxSource" : path+'/appUseStatistics/appLaunchDetail.do?'+params,             "iDisplayStart" : 0,             "iDisplayLength" : 10,//每页显示10条记录             "bSort":false,//关闭排序             "order": [[ 1, 'asc' ]],             "bAutoWidth":true, //列的宽度会根据table的宽度自适应             "aoColumns" :[                   {"sClass" : "center", "mDataProp" : ""},//序号列--空                  {"sClass" : "center", "mDataProp" : "COMPANY_NAME"},                  {"sClass" : "center", "mDataProp" : "PAY_EXPIRES_IN"}               ],             "fnRowCallback" : function(nRow, aData, iDisplayIndex){                  $("td:first", nRow).html(iDisplayIndex +1);//设置序号位于第一列,并顺次加一                 return nRow;              }        });

 转载请注明,谢谢。

 

转载于:https://www.cnblogs.com/hsuchan/p/4629574.html

你可能感兴趣的文章
JavaIO知识总结----温故才能知新02
查看>>
PHP中的可变参数函数和可选参数函数
查看>>
JAVA中使用JSONArray和JSONObject
查看>>
MeteoInfoLab脚本示例:FY-3A AOD HDF数据
查看>>
(原)剑指offer之栈和队列
查看>>
分布式版本管理工具 ———— 初识Git
查看>>
idea中配置TomCat
查看>>
wsgi的学习(1):什么是WSGI
查看>>
vue 的日期控件 简单实现
查看>>
Light Oj 1003
查看>>
在 ns2.35 添加ZRP 协议
查看>>
java乱码处理
查看>>
浅谈CSRF攻击方式
查看>>
6个用于大数据分析的最好工具
查看>>
分数取模
查看>>
centos和ubuntu的区别
查看>>
open函数and文件处理
查看>>
Hadoop源码分析1: 客户端提交JOB
查看>>
Angular使用中遇到的问题
查看>>
bzoj2120 数颜色
查看>>