上一章主要说明了如果实现Jqgrid列数据拖动,这一章主要讨论在Jqgrid中如何实现分组功能。
类似于Sql语句的Group By,Jqgrid提供了属性实现数据分组,这样表现数据会显得比较直观。先上个效果图:
从图上我们可以很直观的看出,数据是根据家庭住址分的组,并且能够很直观的看出每个分组里面有多少信息量。要实现这个功能并不难
1
2
3
4
5
6
7
8
9
10
11
12
13
|
grouping : true , // 是否分组,默认为false
groupingView : { groupField : [ 'address' ], // 按照哪一列进行分组
groupColumnShow : [ true ], // 是否显示分组列
groupText : [ '<b>{0} - {1} 条记录</b>' ], // 表头显示的数据以及相应的数据量
groupCollapse : false , // 加载数据时是否只显示分组的组信息
groupDataSorted : true , // 分组中的数据是否排序
groupOrder : [ 'asc' ], // 分组后的排序
groupSummary : [ true ], // 是否显示汇总.如果为true需要在colModel中进行配置
summaryType : 'max' , // 运算类型,可以为max,sum,avg</div>
summaryTpl : '<b>Max: {0}</b>' ,
showSummaryOnHide : true //是否在分组底部显示汇总信息并且当收起表格时是否隐藏下面的分组
}, |
复制代码以后,刷新页面就能看到效果了。
相关推荐
Jqgrid demo-史上最强大,没有之一, 为了大家能够更好的学习和使用Jqgrid网格插件,我决定用Strtus2+Spring+hibernate+Jquery+Jqgrid实现一个Jqgrid网格插件的demo。当然官方网站上面已经有了PHP版本和ASP.NET版本...
jquery.jqGrid-4.4.3,用于web页面的列表分页显示
jqGrid是一个非常好用的免费开源Grid组件,功能强大,适用于各种表格操作,数据管理。作为jquery插件,jqGrid使用方便,简介,美观。
jqgrid方法-中文 (2).docxjqgrid方法-中文 (2).docx
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.5.2.zip 官方资源文件
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqgrid实现分组显示和统计的功能,jqgrid实现分组显示和统计
jqgrid jquey 样式 让表格变得更漂亮
jqGrid-wiki版手册
jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。 主要特点: -Full control with JavaScript API -Data returned from the server is XML -Simple configuration -Ability to load big ...
jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar
jqGrid-master最新版,从英文站点下载而来,方便各位下载
jquery.jqGrid-4.1.1.zipjquery.jqGrid-4.1.1.zipjquery.jqGrid-4.1.1.zip
jqGrid-3.2 jqgriddocs.pdf jquery.jqGrid.js
jquery.jqGrid-4.3.2.zip
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
jquery.jqGrid-4.5.4完整文档
jquery.jqGrid-4.4.5,最新版的jqgrid,支持jquery ui皮肤