?
?
?
table表格由于它的瀏覽器兼容性和復雜的標簽嵌套方式，可以算是添加樣式最困難的對象之一了。大多數前端er都把網頁中的table標簽替 換為div，主要就是因為div要比table更容易添加CSS樣式。但是我們在日常應用中仍然要用到table表格，其中最好的例子就是對照表。今天彬 Go將向大家推薦 15個jQuery表格插件 讓你對數據表格進行顯示、排序、篩選和操控。如jQuery表格排序插 件、jQuery表格拖拽插件、jQuery樹形表格插件、設置顏色、點擊、替換等效果。
?
您還可以參考以下javascript相關資源:
《
推 薦9款很棒的網頁繪制圖表JavaScript框架腳本
》
《
了 解jQuery技巧來提高你的代碼
》
《
10 種JavaScript特效實例讓你的網站更吸引人
》
《
300+Jquery, CSS, MooTools 和 JS的導航菜單資源
》
?
?
1. DataTables - 強大的jQuery表格插件
?
?
DataTables是提供了大量特性的強大jQuery表格插件。例如:你可以自動輕松篩選、Ajax預讀取數據、分頁、列排序、高亮排序列、擴展 插件支持、使用CSS或jQuery UI ThemeRoller 定制主題和完整文檔。
?
2. uiTableFilter -jQuery表格過濾插件
?
?
uiTableFilter是一個用于表格行篩選的jQuery插件。插件作者提供了詳細的例子來告訴大家如何將自己的表格和插件整合在一起并完成表 格篩選。
?
3. Scrollable HTML Table -jQuery表格滾動插件
?
?
Scrollable HTML Table jQuery 插 件可以讓你的表格變得可以滾動控制。
?
4. Tablesorter -jQuery 表格排序插件
?
?
Tablesorter這個jQuery插件是用來將一個包含thead和tbody標簽的標準HTML表格轉變為無頁面刷新的可排序表格。它不但支 持多列排序，而且跨瀏覽器兼容并且能通過widget系統進行擴展。
?
5. Flexigrid -Web2.0 jQuery表格插件
?
?
Flexigrid 是一個輕量級的Web2.0 jQuery插件。它包含很多非常Cool的特性，如主題定制、分頁、工具欄、搜索、排序、ajax讀取數據源、調整列寬高尺寸等。
?
6. HeatColor -jQuery表格顏色插件
?
?
HeatColor可以讓你根據元素的值來為元素設置顏色。 它的值的比對時根據預設的一個范圍來進行比較，最后對他們自動進行顏色值的設置。
?
7. JQTreeTable -jQuery樹形表格插件
?
?
使用JQTreeTable插件你可以得到一個樹形表格，如果用戶的瀏覽器禁用了JavaScript，那么他們也能看到普通形式的表格，并不影響可 訪問性。
?
8. Ingrid -jQuery 表格插件
?
?
Ingrid是另一個數據表jQuery插件。它也有很多特性，比如列調整尺寸、排序、行列添加樣式等。在作者網站提供了很棒的文檔來告訴大家如何從 頭使用這個jQuery表格插件。
?
9. jQuery ColumnManager plugin
?
?
columnManager是可以控制任意表格列顯示或隱藏的jQuery插件，而且它可以保存當前表格的狀態至你下次訪問。這個jQuery插件非 常小巧輕量，僅3.6kb。
?
10. jQuery treeTable -jQuery樹形表格插件
?
?
jQuery treeTable是小型的JQTreeTable, 它也能讓你的table顯示成樹形結構. 這個插件也可以在瀏覽器禁用JavaScript時保持文檔整潔并讓原始table可以使用.
?
11. CSV2Table -CSV格式讀取表格插件
?
?
CSV2Table 可以讀取CSV文件，它從CSV文件中讀取內容并創建成table表格.
?
12. Table Pagination -jQuery表格分頁插件
?
?
這個jQuery表格分頁插件可以在表格下面創建分頁元素，你還可以通過各種設置來定制分頁。
?
13. jQuery TableRowCheckboxToggle
?
?
這個 jQuery 表 格插件可以讓你再點擊表格行的時候改變多選框狀態并修改該行CSS樣式。
?
14. Table Drag and Drop jQuery plugin -jQuery表格拖拽插件
?
這個簡單的jQuery插件可以讓用戶使用拖拽行的方式重新排列表格各行，任意單獨行可以設置為不可拖拽和/或不可放置。
?
?
15. uiTableEdit
uiTableEdit是由Greg Weber制作的很酷的jQuery表格編輯插件，它允許用戶編輯表格內容。
?
?
?
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
