jQuery 表格插件整理
jQuery 表格插件
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬,自動適應表頭寬度,可通過 Ajax 連接 XML 數(shù)據(jù)源,類似 Ext Grid,但基于 jQuery 因此更輕量小巧。
Chromatable JQuery Plugin - 固定表頭,可滾動內(nèi)容區(qū),內(nèi)容區(qū)滾動的時候表頭位置保持不變。
Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列寬調(diào)整,分頁,排序,行列式樣等功能(演示)。
JQTreeTable - 在表格中加入樹形結(jié)構(gòu)
Scrollable HTML table - 將普通 HTML 表格變?yōu)榭蓾L動狀態(tài)。將表頭部分放入 THEAD 區(qū),內(nèi)容部分放入 TBODY 區(qū),腳注部分放入 TFOOT 區(qū)域,引用 webtoolkit.scrollabletable.js 文件,然后在每個表格后面創(chuàng)建 ScrollableTable() 對象即可(演示)。
KeyTable - 象 Excel 那樣,在單元格之間巡游,可以現(xiàn)場編輯。
graphTable - 借助 flot 將 HTML 表格中的內(nèi)容變成圖形(演示)。
DataTables - 非常強大的 jQuery 表格插件,可變寬頁碼瀏覽,現(xiàn)場過濾。多列排序,自動探測數(shù)據(jù)類型,智能列寬,可從幾乎任何數(shù)據(jù)源獲取數(shù)據(jù)。
jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件,可以 Ajax 方式從服務器端獲取數(shù)據(jù)填充進來(演示)。
Visualize: Accessible Charts & Graphs from Table Elements - 從 HTML 表格收集數(shù)據(jù),并借助 HTML5 Canvas 對象轉(zhuǎn)換為圖表。
Grider - 一個簡單的 jQuery 插件,可以對 HTML 表格進行計算,平均,累加,最大值,最小值等。
表格功能增強
Table Drag and Drop - 通過拖放,對表格中的數(shù)據(jù)重新排列,可以設置禁止拖放的行。
Table Pagination - 在表格下方自動生成分頁導航。
tableRowCheckboxToggle - 可根據(jù) class name 對表格的行自動 check on/off
BS Table Crosshair Plugin - 鼠標在表格上移動時,所經(jīng)過的單元格自動交叉加亮
jqtable2csv - 將 HTML 表格轉(zhuǎn)換為 SVG 字符串。
Colorize - 自動對表格間隔行使用不同背景顏色
jExpand - 一個非常輕量的 jQuery 插件,可以展開/關(guān)閉表格單元格,使表格可以容納更多內(nèi)容。
columnHover - 鼠標經(jīng)過時,可以整列加亮,甚至支持 colspans 和 rowspans
HeatColor - 根據(jù)規(guī)則,或自動對表格中的值進行分析,對不同范圍的值按不同顏色區(qū)分。
Fixed Header Table - 固定表頭可滾動表格
表格搜索,篩選
tableFilter - 給表格添加簡單的篩選功能。
uiTableFilter - 根據(jù)條件篩選(隱藏)表格行
Tablesorter 2.0 - 將普通的,擁有 THEAD 和 TBODY 標簽的表格轉(zhuǎn)換為可排序表格,可以分析多種數(shù)據(jù),支持多列排序。
PicNet Table Filter - 實時的,Google 式篩選功能
jQuery tinysort - 排序
LiveFilter 1.1 - 非常輕量的表格篩選插件,部署非常簡單。
jQtablesearch - 快速搜索,非常快
Quicksearch - 簡單的搜索功能
jQuery 現(xiàn)場編輯
TableEditor – Flexible in place editing of TableSorter - 現(xiàn)場編輯表格內(nèi)容,用戶可以插入 Ajax 機制回存數(shù)據(jù)
jGridEditor - 現(xiàn)場編輯,可配置 Ajax 回存數(shù)據(jù)
本材料原始來源:Nope jQuery HTML Table Toolbox (原文作者:Paul Andrew)
相關(guān)文章
Jquery仿淘寶京東多條件篩選可自行結(jié)合ajax加載示例
仿淘寶京東多條件篩選可自行結(jié)合ajax加載,使用Jquery簡單實現(xiàn),具體如下,喜歡的朋友可以參考下2013-08-08用jquery設置按鈕的disabled屬性的實現(xiàn)代碼
在html標簽中設置按鈕被禁用,可以使用如下代碼2010-11-11jQuery動態(tài)添加<input type="file">
有時候需要在頁面上允許用戶上傳多個文件,個數(shù)由用戶自己決定,個數(shù)多了也可以刪除,使用jQuery可以很簡單的實現(xiàn)這個功能2016-04-04jquery append()方法與html()方法的區(qū)別及使用介紹
append()方法在被選元素的結(jié)尾插入指定內(nèi)容,html()方法返回或設置被選元素的內(nèi)容,下面為大家介紹下兩者的區(qū)別及使用2014-08-08