欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

JQuery 应用 JQuery.groupTable.js

时间:2022-09-03 10:54:12|栏目:jquery|点击:

我写了个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+PHP+Ajax实现动态数字统计展示功能

栏    目:jquery

下一篇:jQuery循环滚动展示代码 可应用到文字和图片上

本文标题:JQuery 应用 JQuery.groupTable.js

本文地址:http://www.codeinn.net/misctech/212675.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有