解决 jqgrid 只冻结标题不冻结列的问题
时间: 2023-08-20 10:04:04 浏览: 123
要实现 jqgrid 冻结列,需要使用 jqgrid 提供的 frozenColumns 属性。在使用 frozenColumns 时,需要注意以下几点:
1. frozenColumns 属性的值为要冻结的列数,例如 frozenColumns: 2 表示前两列被冻结。
2. 在 colModel 中设置每列的 frozen 属性为 true 或 false,表示该列是否需要冻结。
3. 设置 frozenColumns 和 colModel 中的 frozen 属性后,需要设置 scroll 属性为 true,以启用滚动条。
下面是一个示例代码:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colNames: ["序号", "姓名", "年龄", "性别", "地址"],
colModel: [
{ name: "id", index: "id", width: 50, frozen: true },
{ name: "name", index: "name", width: 100, frozen: true },
{ name: "age", index: "age", width: 50 },
{ name: "sex", index: "sex", width: 50 },
{ name: "address", index: "address", width: 200 }
],
rowNum: 10,
rowList: [10, 20, 30],
pager: "#pager",
viewrecords: true,
height: "auto",
width: 800,
shrinkToFit: false,
scroll: true,
frozenColumns: 2
});
```
在上面的代码中,我们将前两列(即“序号”和“姓名”)设置为 frozen:true,表示这两列需要被冻结。同时,我们将 frozenColumns 属性设置为 2,表示前两列被冻结。最后,我们将 scroll 属性设置为 true,启用滚动条。
阅读全文