jqgrid 冻结多表头与表体错位问题

在使用jQuery Grid (jqGrid) 的过程中，当遇到冻结列导致的错位或高度不一致问题时，通常会遇到两个主要情况：

1. **冷冻列与非冻结列的高度同步**[^1]：
- 这种错位可能出现在冻结列之后，由于表格高度未得到正确的调整。为了解决这个问题，可以在表格加载完成之后，手动同步表格的高度。这可以通过调用`$(this).setJqGridRowHeight()`函数来实现，但具体高度应根据实际需求设置，比如上述示例中的`28`像素[^2]。

2. **冻结列本身的设计问题**：
- 冻结列可能会错位或显示不正常，这可能是由于冻结列的样式设置、单元格大小调整或者滚动条位置计算不当造成的。确保在初始化jqGrid时正确设置了冻结列的配置，并且在CSS中处理好冻结列的样式。

解决方法通常是执行`loadComplete`事件中的代码，确保在表格加载完毕后调整高度并重置滚动位置，如示例所示：

// 在jqGrid初始化后的loadComplete回调中
loadComplete: function() {
    $('.ui-jqgrid-bdiv').scrollTop(0); // 清除滚动条
    // 如果有冻结列，可能需要额外设置冻结列的高度同步
    if ($(this).attr('colModel')) {
        $(this).setJqGridRowHeight($(this).getGridParam('rowNum'));
    }
},