Fork me on GitHub

datatable 加序号列

   最近使用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;
              }
        });        

 转载请注明出处,谢谢。

 

posted @ 2015-07-08 11:00  南田玉彦  阅读(2934)  评论(0编辑  收藏  举报