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

分手后的思念是犯贱 2023-01-05 05:21 120阅读 0赞

实现代码：

function initGrid(gridId){
        jQuery("#"+gridId).jqGrid({
            url:"/loginLog/getLoginLogExtList",
            postData:{},
            datatype: 'json',
            height: $(window).height() - 115,
            width: $(window).width() - 7,
            rownumbers: true, //行号
            pager: "#pager",
            recordtext: "第{0} - {1}条  共 {2} 条",
            pgtext: '当 前 页 {0} 总 共 {1}页',
            rowNum: 50,
            rowList: [50, 100,150],
            autowidth: false,
            viewrecords: true,
            loadonce: true,
            sortable: true,
            viewsortcols:[true,'vertical',true],//显示排序图标
            colModel: colModel:[
                {label:"用户名",name:"username",index:"username",width:"150",align:"center",sortable: true},
                {label:"昵称",name:"pickname",index:"pickname",width:"150",align:"center"},
                {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"}
            ],
        });
    }

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 jqGrid 设置冻结列

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

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

相关设置Cacti图形标题能显示中文

1、查看系统是否带有中文字体包 ls /usr/share/fonts/chinese 如没有则安装 yum -y install fonts-chinese

朴灿烈づ我的快乐病毒、/ 2022年10月02日 02:47/ 0 赞/ 437 阅读

相关设置putty标题栏显示固定信息

用putty连接多台服务器后窗口多了，不知道那个窗口对应个服务器。而putty窗口栏只是实时显示root@compute:/var/lib/libvirt/这样的当前

古城微笑少年丶/ 2022年07月28日 09:48/ 0 赞/ 242 阅读

相关【JqGrid】JqGrid使用后台分页+查询条件+排序

最近做项目时要用到jqGrid,先学习了一下jqGrid的使用方法，现总结如下，先从基本的说起： 1、数据显示： jqGrid可以解析的数据有很多种，如xml、js

比眉伴天荒/ 2022年07月14日 06:20/ 0 赞/ 708 阅读

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

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

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

相关 Xamarin设置无标题或者不显示标题栏

protected override void OnCreate(Bundle savedInstanceState) \{ RequestWindowFeature(

谁践踏了优雅/ 2022年05月19日 05:52/ 0 赞/ 343 阅读

相关 Qt：设置mainWindow窗口的标题和图标

this->setWindowTitle("铁路出行信息查询系统")； this->setWindowIcon(QIcon(":/new/prefix1/2.j

朴灿烈づ我的快乐病毒、/ 2022年05月17日 09:50/ 0 赞/ 606 阅读

相关 Jqgrid显示隐藏列以及修改表头(字段名)

显示隐藏列 $("\表格id").hideCol("需要隐藏的列"); $("\表格id").showCol("需要显示的列"); 举例： $("" + _

阳光穿透心脏的1/2处/ 2022年05月16日 15:49/ 0 赞/ 266 阅读

相关 jqgrid编辑列

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

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