jqgrid表格冻结列之后如何排序
时间: 2023-07-20 18:05:09 浏览: 204
表格自动排序,点击任意列,可以实现该列的自动排序,js写的
5星 · 资源好评率100%
在 jqgrid 表格中,如果开启了列冻结功能,排序需要注意以下几点:
1. 需要设置排序的列不能被冻结,否则无法进行排序操作。
2. 由于冻结列和非冻结列是分开的,所以需要分别设置排序相关的参数。
例如,假设我们要对表格中第2列进行排序,同时第1列被冻结,代码如下:
```javascript
$("#grid").jqGrid({
// ...
frozenColumns: [{name: 'col1', index: 'col1', frozen: true}], // 冻结第1列
colModel: [
{name: 'col1', index: 'col1', frozen: true}, // 第1列
{name: 'col2', index: 'col2', sortable: true}, // 第2列,可排序
{name: 'col3', index: 'col3', sortable: true}, // 第3列,可排序
// ...
],
// ...
});
```
需要注意的是,由于第1列被冻结,所以它的 `sortable` 属性应该设置为 `false`,否则会出现排序异常的情况。
另外,如果需要对多列进行排序,可以在 `sortname` 参数中指定多个列名,例如:
```javascript
$("#grid").jqGrid('setGridParam', {
sortname: 'col2,col3', // 先按第2列排序,再按第3列排序
sortorder: 'asc' // 升序排序
}).trigger('reloadGrid');
```
这样就可以按照指定的列进行排序了。
阅读全文