我写了个JQUERY 的插件。来实现分组的效果。

JQuery 应用 JQuery.groupTable.js 

图2. 这是一个简单的分组效果,根据表的第一列“Department" 来分组

JQuery 应用 JQuery.groupTable.js

图3, 也可以对多个列来分组,根据第一列”Department" 和第四列 ”Gender“  来分组。分组前,先对要选择的列进行排序,这在提取数据的时候可以完成,

就没有在客户端再去实现。

JQuery 应用 JQuery.groupTable.js

图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0;

JQuery 应用 JQuery.groupTable.js 

通过写这个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,groupTable

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“JQuery 应用 JQuery.groupTable.js”

暂无“JQuery 应用 JQuery.groupTable.js”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。