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

最新推荐文章于 2025-11-30 19:25:51 发布

原创最新推荐文章于 2025-11-30 19:25:51 发布 · 7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jqgrid #表格

博主分享在jqgrid做表格时添加序号列并设置列标题的经验。jqgrid显示序列号代码只需加一行，但初始化序列号宽度仅支持两位数，项目条数多需重新设置，可在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的同学，请留下评论哦，我们可以一起讨论学习！加油大家！