jqgrid序号列宽度调整-已入坑

今天新做一个需求，在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的同学，请留下评论哦，我们可以一起讨论学习！加油大家！