本文搜集了大量 jQuery 表格插件，幫助 Web 設計者更好地駕御 HTML 表格，你可以對表格進行橫向和豎向排序，設置固定表頭，對表格進行搜索，對大表格進行分頁，對表格進行滾動，拖放操作等等。這些插件很多都包含詳細的教程。

jQuery 表格插件

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬，自動適應表頭寬度，可通過 Ajax 連接 XML 數據源，類似 Ext Grid，但基于 jQuery 因此更輕量小巧。

Chromatable JQuery Plugin - 固定表頭，可滾動內容區，內容區滾動的時候表頭位置保持不變。

Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列寬調整，分頁，排序，行列式樣等功能（演示）。

JQTreeTable - 在表格中加入樹形結構

Scrollable HTML table - 將普通 HTML 表格變為可滾動狀態。將表頭部分放入 THEAD 區，內容部分放入 TBODY 區，腳注部分放入 TFOOT 區域，引用 webtoolkit.scrollabletable.js 文件，然后在每個表格后面創建 ScrollableTable() 對象即可（演示）。

?

KeyTable - 象 Excel 那樣，在單元格之間巡游，可以現場編輯。

?

graphTable - 借助 flot 將 HTML 表格中的內容變成圖形（演示）。

?

DataTables - 非常強大的 jQuery 表格插件，可變寬頁碼瀏覽，現場過濾。多列排序，自動探測數據類型，智能列寬，可從幾乎任何數據源獲取數據。

?

?

jqGrid Plugin - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式從服務器端獲取數據填充進來（演示）。

?

Visualize: Accessible Charts & Graphs from Table Elements - 從 HTML 表格收集數據，并借助 HTML5 Canvas 對象轉換為圖表。

?

Grider - 一個簡單的 jQuery 插件，可以對 HTML 表格進行計算，平均，累加，最大值，最小值等。

?

表格功能增強

Table Drag and Drop - 通過拖放，對表格中的數據重新排列，可以設置禁止拖放的行。

?

Table Pagination - 在表格下方自動生成分頁導航。

?

tableRowCheckboxToggle - 可根據 class name 對表格的行自動 check on/off

?

BS Table Crosshair Plugin - 鼠標在表格上移動時，所經過的單元格自動交叉加亮

?

jqtable2csv - 將 HTML 表格轉換為 SVG 字符串。

Colorize - 自動對表格間隔行使用不同背景顏色

?

?

?

轉載于:https://www.cnblogs.com/jiewei915/archive/2010/08/16/1800758.html

總結

以上是生活随笔為你收集整理的jQuery 表格插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。