遇到的问题:jqgrid表格,在页面加载完成之后,表头就和数据不对齐了,如下图:

尝试了网上说的white-space:normal;和box-sizing: border-box;等各种改样式的方法,都没有生效,最后设置属性shrinkToFit和responsive都为false,并且在colModel中,给每一行都设置了width,表头和数据对齐了。暂不知道是不是jqgrid自适应的宽度计算出了问题。
var colModel = [ {
label : 'id',
name : 'id',
key : true,
width : 75,
hidden : true
}
...
]
$('#jqGrid') .jqGrid( {
...
shrinkToFit: false,
responsive : false,
...
});
解决jqGrid表格表头与数据对齐问题

博客内容讲述了在使用jqGrid时遇到的表头与数据对齐不一致的困扰。尝试了多种CSS样式调整方法未果,最终通过设置`shrinkToFit`和`responsive`属性为`false`,并在`colModel`中指定每列宽度成功解决了问题。这可能是由于jqGrid的自适应宽度计算导致的误差。
3335

被折叠的 条评论
为什么被折叠?



