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' ); } |
注意事项:冻结列必须是放在最前面的,并且放在一起的。冻结列直接有一个隐藏列,也会导致隐藏列之后的冻结列失效。所以请将冻结列放在一起,并放置在最前面!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了