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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
Bootstrap 模态框(Modal)插件代码解析
Dec 21 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
js实现图片懒加载效果
Jul 17 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
详解async/await 异步应用的常用场景
May 13 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
Vue开发环境跨域访问问题
Jan 22 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
让你同时上传 1000 个文件 (一)
2006/10/09 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
初学JavaScript第二章
2008/09/30 Javascript
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
2016/05/17 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
js的各种数据类型判断的介绍
2019/01/19 Javascript
图文详解vue框架安装步骤
2019/02/12 Javascript
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
python 元组和列表的区别
2020/12/30 Python
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
如何利用find命令查找文件
2015/02/07 面试题
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
法律专业推荐信范文
2013/11/29 职场文书
资产经营总监岗位职责
2013/12/04 职场文书
写给老婆的检讨书
2014/02/21 职场文书
洗发水广告词
2014/03/13 职场文书
成绩单家长评语大全
2014/04/16 职场文书
求职信的正确写法
2014/07/10 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
环保证明
2015/06/23 职场文书