jqGrid 设置冻结列

一时失言乱红尘 2023-01-03 06:12 251阅读 0赞

### 1 实现步骤： ###

（1）设置需要冻结的列属性加上frozen: ture。

（2）将设置了冻结的列放置在字段集合的前面部分。

（3）调用jqgrid的 setFrozenColumns 方法，使冻结列生效。

### 2 实现代码： ###

function initGrid(gridId){
        jQuery("#"+gridId).jqGrid({
            url:"/loginLog/getLoginLogExtList",
            postData:{},
            datatype: 'json',
            height: $(window).height() - 115,
            width: $(window).width() - 7,
            rowNum: 50,
            autowidth: false,
            viewrecords: true,
            colModel: colModel:[
                {label:"用户名",name:"username",index:"username",width:"150",align:"center",frozen: ture},
                {label:"昵称",name:"pickname",index:"pickname",width:"150",align:"center",frozen: ture},
                {label:"登陆时间",name:"loginTime",index:"loginTime",width:"200",align:"center"},
                {label:"登陆城市",name:"loginArea",index:"loginArea",width:"200",align:"center"},
                {label:"ISP运营商",name:"loginIsp",index:"loginIsp",width:"100",align:"center"},
                {label:"IP",name:"loginIp",index:"loginIp",width:"150",align:"center"}
            ],
        });
        //冻结列生效
        $("#"+gridId).jqGrid('setFrozenColumns');
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 C# 冻结Excel窗口以锁定行/列、或解除冻结

文本介绍如何使用免费.NET库通过C#代码实现冻结Excel窗口以锁定行和列（包括冻结首行、首列、多行多列等），以及如何解除冻结。

雨点打透心脏的1/2处/ 2024年05月01日 03:32/ 0 赞/ 72 阅读

相关 table-首列冻结

首先，table外层套两层div，outerDiv和 innerDiv <div class="outerDiv"> <div class

秒速五厘米/ 2023年10月07日 09:56/ 0 赞/ 34 阅读

相关 jqGrid 使用viewsortcols属性设置列标题显示排序图标

实现代码： function initGrid(gridId){ jQuery(""+gridId).jqGrid({ url

分手后的思念是犯贱/ 2023年01月05日 05:21/ 0 赞/ 120 阅读

相关 jqGrid 设置冻结列

1 实现步骤：（1）设置需要冻结的列属性加上frozen: ture。（2）将设置了冻结的列放置在字段集合的前面部分。（3）调用jqgrid的 setFroze

一时失言乱红尘/ 2023年01月03日 06:12/ 0 赞/ 252 阅读

相关 EasyExcel 实现冻结行和列

1 Maven依赖 <dependency> <groupId>com.alibaba</groupId>

矫情吗；*/ 2022年10月15日 04:50/ 0 赞/ 252 阅读

相关 jqGrid动态获取列和列字段

1、问题背景 jqGrid表格插件，利用自身方法获取表格的表头和表格字段；获取列名和列字段名显示在弹窗里，用复选框进行勾选 2、实现源码 <!

喜欢ヅ旅行/ 2022年07月15日 17:24/ 0 赞/ 192 阅读

相关【JqGrid】JqGrid单元格合并及表头列合并，jqgrid单元格合并

1、合并单元格代码示例 ![Center][] 表头列合并代码： ![SouthEast][] 效果图 ![SouthEast 1][]

超、凢脫俗/ 2022年07月14日 04:55/ 0 赞/ 697 阅读

相关【JqGrid】jqGrid动态合并列值

![Center][] 代码如下： [html] view plain copy 在CODE上查看代码片派生到我的代码片 $("cbhzList").

我会带着你远行/ 2022年07月14日 04:55/ 0 赞/ 316 阅读

相关 easyUI表头冻结和左侧列冻结（frozenColumns columns）

一、表头冻结（关键fit:true，使用columns） <script type="text/javascript"> dataGrid = $('da

怼烎@/ 2022年05月16日 07:06/ 0 赞/ 472 阅读

相关 jqgrid编辑列

1.要编辑的列必须设置属性为true:editable: true,//可编辑 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_

骑猪看日落/ 2021年10月19日 03:56/ 0 赞/ 513 阅读