jqgrid 锁定多表 列错位

在jQuery Grid (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;
   }

这会确保横向滚动条不会因为预设宽度而影响列的位置。

2. 修复冻结列加载完成后可能出现的高度问题[^2]：
使用`loadComplete`事件来重置滚动条到顶部并可能调整行高：

   loadComplete: function() {
       $('.ui-jqgrid-bdiv').scrollTop(0);
       // 如果需要，可以在这里设置表格的行高，如 $(this).setJqGridRowHeight(28);
   }

这有助于保持表格的稳定状态，特别是当冻结列动态添加或移除时。

如果你遇到特定的锁定列错位问题，可能还需要检查是否有其他CSS冲突或者自定义脚本影响了列的渲染顺序。确保你的列配置(`colModel`)正确无误，并且冻结列的索引与实际显示的顺序匹配。如果问题仍然存在，考虑查阅官方文档或寻求社区支持寻找具体案例的解决方案。