JQuery 应用 JQuery.groupTable.js
2018-10-12 14:01
489 查看
我写了个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 应用 JQuery.groupTable.js
- JQuery 应用-JQuery.groupTable.js
- JQuery 应用-JQuery.groupTable.js(二)
- jquery表格分组插件-jquery.tablegroup.js
- knockoutjs+jquery.gridgroup 实现table数据加载和行合并
- jQuery应用load()方法后js失效的问题分析与解决
- 转载:JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
- 可编辑的table(原生JS+jQuery)
- jQuery树插件zTree.js如何应用后台返回的不标准数据
- 图书推荐——疯狂Ajax讲义(第3版)——jQueryExt JSPrototypeDWR企业应用前端开发实战
- 自己动手丰衣足食之表格排序插件jquery.tableSort.js
- js遍历table 和 jquery 遍历table
- jquery.dad.js实现table的垂直拖拽(并取到当前拖拽对象)
- jquery应用实例一动态添加删除生成表格table
- 排序插件jquery.tableSort.js
- js-jquery-将table的td转化成可编辑的文本
- 利用jquery-latest.js实现合并table多列重复行
- JS / jQuery宽高的理解和应用
- jQuery treetable 3.2 + asp.net 应用
- jQuery遍历Table应用示例