jqgrid实现冻结列

在jqgrid实现冻结列步骤如下:

1、设置冻结列属性:frozen: true;

2、将设置了冻结的列放在最前面(一定要注意);

3、调用jqgrid的 setFrozenColumns 方法,实现冻结

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$(function () {
    gridList();
})
 
// 加载列表
function gridList() {
    var $gridList = $("#gridList");
    $gridList.dataGrid({
        //url: "/api/AccoRece/GetPage",
        height: $(window).height() - 100 - 35 - 10-35,
        colModel: [
            { label: "月份", name: "yearMonth", width: 100, align: 'left', frozen: true },
            { label: "客户编号", name: "custCode", width: 120, align: 'left', frozen: true },
            { label: "主键", name: "id", hidden: true, key: true },
            { label: "客户名称", name: "name", width: 200, align: 'left' },
            { label: "对接公司名称", name: "orgName", width: 200, align: 'left' },
            { label: "负责人员", name: "contracts", width: 100, align: 'left' },
            { label: "销售金额", name: "salesAmt", width: 100, align: 'left' },
            { label: "备注", name: "remark", width: 150, align: 'left' },
        ],
        shrinkToFit:false,
        sortorder: 'DESC',
        sortname: 'Id',
        rowNum:-1,
        viewrecords: true,
        footerrow: true,
    });
 
    $gridList.jqGrid('setFrozenColumns');
 
}

  注意事项:冻结列必须是放在最前面的,并且放在一起的。冻结列直接有一个隐藏列,也会导致隐藏列之后的冻结列失效。所以请将冻结列放在一起,并放置在最前面!

posted @   易紫云  阅读(500)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示