今天新做一个需求,在jqgrid做表格的基础上加序号列并且设置列标题, 头都大了,
照例问过度娘之后,把成功的例子和大家分享一下。
jqgrid显示序列号的代码只需要加一行就可以:
rownumbers: true,
但是由于初始化序列号的宽度只能支持两位数,这里项目条数太多,所以必须重新设置,设置的方法如下:
(在jqgrid加载完成的函数里手动设置宽度,效果就ok啦)
loadComplete: function (a, b, c) {
jQuery("#gridTable").jqGrid('setLabel', 'rn', '序号', {
'text-align': 'center',
'vertical-align': 'middle',
"width": "50"
});
$("table[role='grid']").each(function () {//jqgrid 创建的表格都有role属性为grid
$('.' + $(this).attr("class") + ' tr:first th:first').css("width", "50"); //使表头的序号列宽度为40
$('.' + $(this).attr("class") + ' tr:first td:first').css("width", "50"); // 使表体的序号列宽度为40
});
},
如果还有一起入坑jqgrid的同学,请留下评论哦,我们可以一起讨论学习!加油大家!