码迷,mamicode.com
首页 > 其他好文 > 详细

datatable 加序号列

时间:2015-07-08 12:34:37      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

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

示例如下 by hsuchan:   

         //加载列表数据
          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;
              }
        });        

 转载请注明出处,谢谢。

 

datatable 加序号列

标签:

原文地址:http://www.cnblogs.com/hsuchan/p/4629574.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!