JQuery 应用 JQuery.groupTable.js
更新时间：2010年12月15日 21:23:12 作者：
在以往的项目中，数据浏览用的都table 的形式展现。如下图1， 这是一个很常见的表格。通常对分类的字段先进行排序。为了让分类表现的更直观。
我写了个JQUERY 的插件。来实现分组的效果。
图2. 这是一个简单的分组效果，根据表的第一列“Department" 来分组
图3， 也可以对多个列来分组，根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前，先对要选择的列进行排序，这在提取数据的时候可以完成，
就没有在客户端再去实现。
图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;
通过写这个JQuery 控件，深刻体会到它的强大。整个代码不到100行。
在ASP.NET 里面。 gridView 默认显示的时候，不会加上TBODY 标记。 为了让GridView 的类容显示在TBODY,在Page load 里面可以加上下面的代码
GridView1.UseAccessibleHeader=true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
这样就可以用JQuery.groupTable 来处理 gridview 生成的table 了。
欢迎大家多提意见。
相关文章
本文给大家分享一款贴近用户体验的Jquery日期、时间选择插件，需要的朋友可以参考下2015-08-08
jQuery 使用手册，大家可以耐心的看完，就基本上入门了。2009-09-09
这篇文章主要介绍了jQuery+Ajax实现无刷新操作，分享了采用Ashx+jQuery Ajax实现“无刷新登录”的例子，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了jQuery实现ToolTip元素定位显示功能,结合实例形式分析了jQuery针对页面元素属性的动态操作相关技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了jQuery zTree插件使用的简单教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-08-08
这篇文章主要介绍了jQuery中insertBefore()方法用法,实例分析了insertBefore()方法的功能、定义及把匹配的元素插入到另一个指定的元素集合前面的使用技巧,需要的朋友可以参考下2015-01-01
Expandable "Detail" Table Rows
Expandable "Detail" Table Rows...2007-08-08
这篇文章主要介绍了jQuery条件分页代替离线查询，通过代码实例让读者更深入了解该功能的操作，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。2017-08-08
项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文件功能的测试源码，现拿出来分享。2009-10-10
这篇文章主要介绍了jQuery获得指定元素坐标的方法,涉及offset().left及offset().top属性获取元素坐标的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论