`
peonyzzdx
  • 浏览: 589679 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

jqgrid--frozen Columns

    博客分类:
  • web
阅读更多
jqgrid在4.1.2以前的版本里不支持frozenColumn功能,在2011-12-12新出的4.3.0版本里新加了该功能,在colmodel_options里添加了

frozen:默认为false.当我们需要对该列进行冻结锁定显示时只需要将其设置为true.如需多列锁定,在需要锁定的多列里添加该参数为true.

这时要想达到我们的效果还需要通过方法setFrozenColumns来实现:
jQuery("#ztab").jqGrid('setFrozenColumns');

例子如下:


$("#overseaPersonnelList").jqGridFunction({
datatype: "local",
   colModel:[
        {name:"id",index:"id",hidden:true,frozen:true},
        {name:"操作",index:'id',width:50,formatter:operateFormatter,sortable:false,frozen:true},
        {name:"englishName",index:'englishName',label:'英文名',width:80,formatter:nameFont,frozen:true},
        {name:'certificateNo',label:'证件号码',width:160},
        {name:'certificateType',label:'证件种类',width:100},
        {name:'name',label:'姓名',width:100},
        {name:"gender",label:'性别',width:50,align:'center',formatter:genderFormatter },
        {name:'currentAddress',label:'现居地址',width:150},
        {name:"logOut",sortable:false,hidden:true,hidedlg:true,width:100}
],
    loadComplete: afterLoad,
    multiselect:true,
    onSelectRow:selectRow
});


jQuery("#overseaPersonnelList").jqGrid('setFrozenColumns');

注:当是多列需要该功能时,需要将这些列放置到一起,需要锁定的列中间不可以有别的不需要锁定列,不然被中断的后续列将不再被锁定。



分享到:
评论

相关推荐

    jquery.jqGrid-4.5.2.zip

    这个资源文件"jquery.jqGrid-4.5.2.zip"包含了所有必要的组件,让我们深入探讨其核心特性与应用。 一、jqGrid简介 jqGrid是基于jQuery的表格插件,提供丰富的功能,如分页、排序、搜索、过滤、编辑、导出等,支持...

    jquery.jqGrid-3.8.2.zip

    jquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zipjquery.jqGrid-3.8.2.zip

    jquery.jqGrid-4.4.3

    《jQuery.jqGrid-4.4.3:Web页面列表分页显示的高效解决方案》 在Web开发领域,数据展示是不可或缺的一部分,特别是在处理大量数据时,如何有效地进行分页显示,提高用户体验,成为了开发者关注的重点。jQuery....

    jquery.jqGrid-4.3.3

    jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...

    jquery.jqGrid-4.5.4

    《jQuery.jqGrid-4.5.4:强大的表格数据管理插件》 jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,主要用于在网页上展示和管理大量结构化的数据。版本4.5.4是这个插件的一个稳定版本,虽然在官网上可能无法找到...

    jqGrid-master

    这个"jqGrid-master"压缩包是该库的最新版本,从官方英文站点下载,为用户提供了便捷的获取途径。jqGrid主要用于展示和操作数据,尤其适合那些需要处理大量结构化数据的应用场景。它支持多种功能,如数据的分页、...

    jqGrid-wiki版手册

    jqGrid-wiki版手册

    jquery.jqGrid-3.5.3.zip

    jquery.jqGrid-3.5.3 最新版本 jqGrid是一個jQuery的plugin,提供grid操作介面,並支援經Ajax連結伺服器上的資料源。jqGrid在共同的基礎結構上,提供數種操作模式,分別包裝於不同的檔案之中。除了共用的數個檔案...

    jquery.jqGrid-3.5-beta

    《jQuery.jqGrid-3.5-beta:一个强大的数据管理框架》 在Web开发领域,高效的数据管理和展示是至关重要的。jQuery.jqGrid是这样一个工具,它为开发者提供了强大而灵活的数据网格解决方案。这个名为"jquery.jqGrid-...

    jQuery tonytomov-jqGrid-v4.5.2 插件

    jQuery tonytomov-jqGrid-v4.5.2 是一个功能强大的JavaScript插件,用于在Web应用程序中创建可交互的数据网格。jqGrid是基于jQuery库的,它提供了丰富的功能,如数据排序、分页、搜索、编辑以及自定义列等,使开发者...

    jquery.jqGrid-4.1.2

    《jQuery.jqGrid-4.1.2:Web前端数据管理的艺术》 jQuery.jqGrid是Web开发领域中一个强大的数据网格插件,版本4.1.2代表着它在功能和性能上的成熟与完善。这款插件专为展示和操作大量结构化数据而设计,以其丰富的...

    free-jqgrid-4.15.5.tgz

    本文将深入探讨free-jqgrid-4.15.5版本,此版本包含了所有的js和css文件,为开发者提供了完整的jqGrid学习和应用资源。 一、jqGrid概述 jqGrid是一款基于jQuery的开源数据网格组件,它允许用户在网页上创建交互式...

    jqGrid-3.5.alfa-2

    这个"jqGrid-3.5.alfa-2"版本是截至2009年4月2日的最新版本,对于那些无法访问官方网站获取更新的用户来说,这是一个宝贵的资源。 jqGrid 的核心功能包括数据展示、编辑、搜索、排序、分页以及自定义操作。它支持...

    jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar

    本文将围绕"jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar"这一压缩包中的两个主要组件进行深入探讨。 首先,jQuery.jqGrid 4.3.1是一个功能强大的表格展示和管理工具,适用于创建交互式的数据网格。这个版本提供了...

    jqGrid4.8.2 jqgrid_demo40

    jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...

    jquery.jqGrid-4.0.0包

    《jQuery.jqGrid-4.0.0包详解:打造高效数据网格的利器》 jQuery.jqGrid是一款基于jQuery的开源插件,主要用于构建功能强大的数据网格,它在4.0.0版本中展现了更为成熟和完善的功能。这个版本是jQuery 4.0系列的...

    jquery.jqGrid-4.4.5

    《jQuery.jqGrid-4.4.5:高效前端数据管理解决方案》 jQuery.jqGrid是基于jQuery的一个强大且功能丰富的Web数据网格组件,版本4.4.5是其历史上的一个重要里程碑,提供了对jQuery UI皮肤的完美支持,极大地提升了...

    jquery.jqGrid-4.4.4.zip

    这个压缩包“jquery.jqGrid-4.4.4.zip”包含了jqGrid的核心组件和必要的资源文件,包括CSS样式表、插件、JavaScript脚本和源代码。 1. **CSS 文件**: CSS 文件夹中的样式表定义了jqGrid的外观和布局。这些样式表...

    jqGrid-5.1.0表格插件.rar

    总的来说,jqGrid-5.1.0是一款功能全面、易于使用的表格插件,为Web开发人员提供了强大的工具来构建功能丰富的数据网格,同时保持良好的性能和用户体验。无论是在企业级应用还是个人项目中,它都是展示和操作数据的...

    jquery最好的插件jqGrid-3.4.2 学习资源

    jqGrid是一款基于jQuery的开源数据网格插件,版本3.4.2是其经典且...通过深入研究这些文件和知识点,你将能够熟练掌握jqGrid-3.4.2,将其应用于实际的Web开发项目中,为用户提供高效、功能丰富的数据展示和管理界面。

Global site tag (gtag.js) - Google Analytics