JQuery 應(yīng)用 JQuery.groupTable.js
更新時間：2010年12月15日 21:23:12 作者：
在以往的項目中，數(shù)據(jù)瀏覽用的都table 的形式展現(xiàn)。如下圖1， 這是一個很常見的表格。通常對分類的字段先進(jìn)行排序。為了讓分類表現(xiàn)的更直觀。
我寫了個JQUERY 的插件。來實現(xiàn)分組的效果。
圖2. 這是一個簡單的分組效果，根據(jù)表的第一列“Department" 來分組
圖3， 也可以對多個列來分組，根據(jù)第一列”Department" 和第四列 ”Gender“ 來分組。分組前，先對要選擇的列進(jìn)行排序，這在提取數(shù)據(jù)的時候可以完成，
就沒有在客戶端再去實現(xiàn)。
圖4. 可以設(shè)置參數(shù) collapse=1. 讓表格先收縮起來。 它的默認(rèn)值是0;
通過寫這個JQuery 控件，深刻體會到它的強(qiáng)大。整個代碼不到100行。
在ASP.NET 里面。 gridView 默認(rèn)顯示的時候，不會加上TBODY 標(biāo)記。 為了讓GridView 的類容顯示在TBODY,在Page load 里面可以加上下面的代碼
GridView1.UseAccessibleHeader=true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
這樣就可以用JQuery.groupTable 來處理 gridview 生成的table 了。
歡迎大家多提意見。
您可能感興趣的文章:
- 基于jquery實現(xiàn)的類似百度搜索的輸入框自動完成功能
- input 輸入框獲得/失去焦點時隱藏/顯示文字(jquery版)
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- Bootstrap每天必學(xué)之柵格系統(tǒng)（布局）
- Bootstrap每天必學(xué)之下拉菜單
- Bootstrap每天必學(xué)之導(dǎo)航條
- 基于Bootstrap使用jQuery實現(xiàn)輸入框組input-group的添加與刪除
相關(guān)文章
基于jquery實現(xiàn)狀態(tài)限定編輯的代碼
基于jquery實現(xiàn)狀態(tài)限定編輯的代碼，需要的朋友可以參考下2012-02-02
網(wǎng)上常見的應(yīng)用，用jQuery實現(xiàn)起來比較簡單，只有幾行代碼。2011-03-03
Jquery遍歷checkbox獲取選中項value值的方法
這篇文章主要介紹了Jquery遍歷checkbox獲取選中項的value值,需要的朋友可以參考下2014-02-02
jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器，使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery 使用手冊，大家可以耐心的看完，就基本上入門了。2009-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery zTree加載樹形菜單功能，輕松設(shè)計樹形結(jié)構(gòu)菜單功能，感興趣的小伙伴們可以參考一下2016-02-02
Jquery on方法綁定事件后執(zhí)行多次的解決方法
下面小編就為大家?guī)硪黄狫query on方法綁定事件后執(zhí)行多次的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquery 問答知識整理，學(xué)習(xí)jquery的朋友可以參考下。2010-02-02
jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
這篇文章主要介紹了jQuery 如何創(chuàng)建、修改、添加DOM元素,需要的朋友可以參考下2014-05-05
jQuery簡單實現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法
這篇文章主要介紹了jQuery簡單實現(xiàn)提交數(shù)據(jù)出現(xiàn)loading進(jìn)度條的方法,涉及jQuery的ajax調(diào)用及頁面樣式操作技巧,需要的朋友可以參考下2016-03-03