jqgrid 锁定多表列表头错位

锁定列（亦即冻结列）在 jqGrid 中可能导致表头错位的问题。当你冻结表头时，如果列宽度设置不恰当或者页面窗口大小调整，可能会出现冻结列错位的现象。解决这个问题的方法如下：

1. 调整表格元素宽度[^1]:

.frozen-div.ui-jqgrid-hdiv, .frozen-div.ui-jqgrid-hdiv .ui-jqgrid-htable {
    width: auto !important;
}
.ui-jqgrid .ui-jqgrid-bdiv {
    width: auto !important;
}

这段CSS代码告诉jqGrid不要固定表头和主体部分的宽度，而是让它们自动适应。

2. 控制垂直滚动条和表头盒的溢出:

.ui-jqgrid-hbox {
    overflow-y: scroll; /* 可以改为其他适合的滚动策略 */
}

这会允许表格在需要时显示垂直滚动条，避免因为冻结列导致的表头错位。

要确保锁定列功能正常工作，还需配合正确的初始化配置，包括指定冻结列的数量和位置。如果你遇到具体的问题，可能还需要查看官方文档或者寻求更详细的代码示例来调整你的配置。