jqgrid固定最后一列
时间: 2024-01-16 11:32:24 浏览: 24
要在jqGrid中固定最后一列,你可以使用`frozen: true`选项来固定列。以下是一个示例:
```javascript
$(document).ready(function () {
$("#grid").jqGrid({
url: 'data.json',
datatype: 'json',
colModel: [
{name: 'id', index: 'id', width: 60, key: true},
{name: 'name', index: 'name', width: 90},
{name: 'age', index: 'age', width: 50},
{name: 'lastColumn', index: 'lastColumn', width: 100, frozen: true} // 最后一列固定
],
jsonReader: {
repeatitems: false,
root: function (obj) {
return obj;
}
},
rowNum: 10,
rowList: [10, 20, 30],
pager: '#pager',
viewrecords: true,
caption: "固定最后一列示例"
});
});
```
在上述代码中,我们在最后一列的`colModel`中添加了`frozen: true`选项,这样就将最后一列固定在jqGrid中。
请注意,你需要根据实际情况修改数据源URL、列定义和其他相关配置。
这样,当你加载jqGrid时,最后一列将保持固定,并在水平滚动时保持可见。
希望这对你有所帮助!如果有其他问题,请随时提问。