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的同学，请留下评论哦，我们可以一起讨论学习！加油大家！

jqgrid序号列宽度调整-已入坑相关推荐

解决jQgrid 设置列宽度自动调整时, 出现滚动条问题.
解决jQgrid 设置列宽度自动调整时, 出现滚动条问题. 参考文章: (1)解决jQgrid 设置列宽度自动调整时, 出现滚动条问题. (2)https://www.cnblogs.com/piao ...
java培训机构靠谱吗，已入坑老司机给你的几点忠告
java工作前景好,报酬高,越来越多的人想从事该行业,甚至有些人不惜换行业学java.需求多了,各大培训机构也就出来了.打着包就业的旗号,天天喊着高薪,但是真正关心你是否学会编程的人却很少,你要记住, ...
table列最小宽度 vue_vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)...
mounted() { // 在mounted中监听表格scroll事件 this.$refs.scrolltable.addeventlistener( 'scroll',(event) => ...
Excel快捷的把列宽调整到合适的宽度
Excel快捷的把列宽调整到合适的宽度第一种方式选中需要调整列宽的那些列把光标放到任意选中的两列之间等光标变成左右箭头的时候,双击鼠标左键第二种方式 1.选中需要调整列宽的那些列 2.点击[ ...
jqgrid 控制列的水平宽度
控制列的水平宽度当表字段比较多时,如果按照colModel指定的宽度,整个jqGrid宽度会太宽, 我们通常希望控制一下grid的宽度,并同时保持各列的指定宽度. 可以指定jgrid的参数 shri ...
向量数据库入坑：传统文本检索方式的降维打击，使用 Faiss 实现向量语义检索
在上一篇文章<聊聊来自元宇宙大厂 Meta 的相似度检索技术 Faiss>中,我们有聊到如何快速入门向量检索技术,借助 Meta AI(Facebook Research)出品的 fais ...
我的摩旅经验分享之致新入坑摩旅的老同学刘
引子星期三一早,老同学退伍老兵刘给我发微信说已经提了豪爵铃木DL250-A,然后让我就摩旅用装备给一些建议.刘同学从2014年起就说想买,现在终于下手了,恭喜恭喜!其实我知道4年前他说出想买的那一刹 ...
入坑推荐系统，从Google这篇开始
推荐系统内容实在太丰富了,以至于刚开始学的人都无从下手,当年时晴无意中翻到谷歌这篇教程,然后就开启了入"坑"推荐系统的神奇旅程,极力推荐给大家,大家也可以推荐给想学推荐系统的童鞋们 ...
EasyExcel 导出 excel（二）添加序号列，设置excel打印样式，导出即可打印
该样例实现了: 1.EasyExcel和原生poi实现了添加序号列 2.单Sheet和多Sheet页导出 3.设置好的打印样式,导出即符合打印版式. 1.引入EasyExcel Maven依赖 < ...

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

jqgrid序号列宽度调整-已入坑相关推荐

最新文章

热门文章