JQuery 应用 JQuery.groupTable.js


Posted in Javascript onDecember 15, 2010

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

欢迎大家多提意见。

Javascript 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
js url传值中文乱码之解决之道
Nov 20 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
用js闭包的方法实现多点标注冒泡示例
May 29 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
js实现汉字排序的方法
Jul 23 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
node中的密码安全(加密)
Sep 17 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
js 函数性能比较方法
Aug 24 Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 #Javascript
javascript中的关于类型转换的性能优化
Dec 14 #Javascript
JavaScript学习笔记之获取当前目录的实现代码
Dec 14 #Javascript
根据一段代码浅谈Javascript闭包
Dec 14 #Javascript
js保存当前路径(cookies记录)
Dec 14 #Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 #Javascript
Jquery练习之表单验证实现代码
Dec 14 #Javascript
You might like
php 生成Tab键或逗号分隔的CSV
2016/09/24 PHP
通过javascript设置css属性的代码
2009/12/28 Javascript
JS将秒换成时分秒实现代码
2013/09/03 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
JavaScript中的prototype和constructor简明总结
2014/04/05 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
微信小程序实现图片预加载组件
2017/01/18 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
JavaScrpt判断一个数是否是质数的实例代码
2017/06/11 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
python查询mysql中文乱码问题
2014/11/09 Python
Django框架 信号调度原理解析
2019/09/04 Python
使用npy转image图像并保存的实例
2020/07/01 Python
Python如何对齐字符串
2020/07/30 Python
python生成xml时规定dtd实例方法
2020/09/21 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
大学生收银员求职信分享
2014/01/02 职场文书
开学季活动策划方案
2014/02/28 职场文书
护士长竞聘书
2014/03/31 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
幼儿园春季开学寄语
2014/04/03 职场文书
毕业留言寄语大全
2014/04/10 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
python自动化测试通过日志3分钟定位bug
2021/11/20 Python