jqgrid固定表头，拖动列宽

要在 jqGrid 中固定表头，您可以使用以下代码：

$("#grid").jqGrid('setGridParam', {
    scroll: 1
}).jqGrid('setFrozenColumns');

其中，`scroll: 1` 用于启用滚动条，而 `setFrozenColumns` 则用于冻结表头。

对于拖动列宽，jqGrid 默认已经支持。您可以通过设置 `resize` 选项来启用列宽调整：

$("#grid").jqGrid({
    ...
    resize: true,
    ...
});

这样，在表头右侧会出现可拖动的列宽调整块，您可以通过拖动来调整列宽。

相关问题

jqgrid固定表头

要在 jqGrid 中固定表头，可以使用以下步骤：

1. 设置 `scrollOffset` 属性为表头的高度，这将使表格内容开始滚动时，表头将保持固定位置。例如：

.scrollOffset: $(“#table thead”).height()

2. 设置 `scroll` 属性为 true，以启用表格滚动。例如：

.scroll: true

3. 设置 `height` 属性为表格的高度，以便为表格内容提供滚动区域。例如：

.height: 250

4. 最后，为表头添加 CSS 样式，使其固定在页面顶部。例如：

#table thead {
    position: fixed;
    top: 0;
}

这些步骤将使 jqGrid 的表头固定在页面顶部，即使用户滚动表格内容也不会改变表头的位置。

jqgrid 重置表头

如果需要重置 jqGrid 的表头，可以使用以下代码：

// 获取表格的表头
var colModel = $("#grid").jqGrid("getGridParam", "colModel");

// 遍历表头，重置表头属性
for (var i = 0; i < colModel.length; i++) {
    // 重置表头属性
    colModel[i].width = "100";
    colModel[i].align = "center";
    // 其他表头属性的重置
    ...
}

// 更新表头
$("#grid").jqGrid("setGridParam", { colModel: colModel }).trigger("reloadGrid");

这段代码会先获取表格的表头，然后遍历表头，重置表头的属性，最后再更新表头。

需要注意的是，如果表头的属性比较多，可以根据实际情况选择需要重置的属性。