源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JQuery 应用 JQuery.groupTable.js

  • 时间:2020-04-30 11:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery 应用 JQuery.groupTable.js
我写了个JQUERY 的插件。来实现分组的效果。 [img]http://images.cnblogs.com/cnblogs_com/zhouto/77017/o_1.png[/img]   图2. 这是一个简单的分组效果,根据表的第一列“Department" 来分组 [img]http://images.cnblogs.com/cnblogs_com/zhouto/77017/o_2.png[/img] 图3, 也可以对多个列来分组,根据第一列”Department" 和第四列 ”Gender“  来分组。分组前,先对要选择的列进行排序,这在提取数据的时候可以完成, 就没有在客户端再去实现。 [img]http://images.cnblogs.com/cnblogs_com/zhouto/77017/o_3.png[/img] 图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0; [img]http://images.cnblogs.com/cnblogs_com/zhouto/77017/o_4.png[/img]   通过写这个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 了。 [url=http://xiazai.jb51.net/201012/yuanma/JQuery_groupTable.rar]打包下载[/url] 欢迎大家多提意见。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部