最近使用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; } });
转载请注明出处,谢谢。
时间: 2024-10-04 08:48:03