JQuery 应用 JQuery.groupTable.js - Web前端

我写了个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 了。

打包下载

欢迎大家多提意见。

标签：WebjsgroupTableJQuery