jqgrid 重置表头
时间: 2023-09-07 12:14:56 浏览: 217
如果需要重置 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");
```
这段代码会先获取表格的表头,然后遍历表头,重置表头的属性,最后再更新表头。
需要注意的是,如果表头的属性比较多,可以根据实际情况选择需要重置的属性。
相关问题
jqgrid reloadGrid 重置 表头过滤筛选数据
如果需要在重新加载 jqGrid 时重置表头和过滤筛选数据,可以使用以下代码:
```
// 获取表格的表头
var colModel = $("#grid").jqGrid("getGridParam", "colModel");
// 遍历表头,重置表头属性
for (var i = 0; i < colModel.length; i++) {
// 重置表头属性
colModel[i].width = "100";
colModel[i].align = "center";
// 其他表头属性的重置
...
}
// 重置过滤筛选数据
$("#grid")[0].clearToolbar();
// 更新表头和过滤筛选数据
$("#grid").jqGrid("setGridParam", { colModel: colModel }).trigger("reloadGrid", [{ page: 1 }]);
```
这段代码会先获取表格的表头,然后遍历表头,重置表头的属性。接着,使用 clearToolbar 方法重置过滤筛选数据。最后,使用 setGridParam 方法更新表头,同时使用 trigger 方法重新加载 jqGrid,并且传递 { page: 1 } 参数,以便重新加载第一页数据。
需要注意的是,如果需要在重新加载 jqGrid 时传递其他参数,可以在 { page: 1 } 参数的基础上添加其他参数。例如,如果需要传递 postData 参数,可以使用以下代码:
```
$("#grid").jqGrid("setGridParam", { colModel: colModel }).trigger("reloadGrid", [{ page: 1, postData: { param1: value1, param2: value2 } }]);
```
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 的表头固定在页面顶部,即使用户滚动表格内容也不会改变表头的位置。
阅读全文