table表格由于它的瀏覽器兼容性和復(fù)雜的標(biāo)簽嵌套方式，可以算是添加樣式最困難的對(duì)象之一了。大多數(shù)前端er都把網(wǎng)頁(yè)中的table標(biāo)簽替換為div，主要就是因?yàn)閐iv要比table更容易添加css樣式。但是我們?cè)谌粘?yīng)用中仍然要用到table表格，其中最好的例子就是對(duì)照表。今天彬go將向大家推薦15個(gè)jquery表格插件讓你對(duì)數(shù)據(jù)表格進(jìn)行顯示、排序、篩選和操控。如jquery表格排序插件、jquery表格拖拽插件、jquery樹形表格插件、設(shè)置顏色、點(diǎn)擊、替換等效果。

您還可以參考以下javascript相關(guān)資源:
《推薦9款很棒的網(wǎng)頁(yè)繪制圖表javascript框架腳本》
《了解jquery技巧來(lái)提高你的代碼》
《10種javascript特效實(shí)例讓你的網(wǎng)站更吸引人》
《300+jquery, css, mootools 和 js的導(dǎo)航菜單資源》
《24 個(gè)漂亮的個(gè)性化 html 表單技術(shù)》

1.datatables-強(qiáng)大的jquery表格插件

　　datatables是提供了大量特性的強(qiáng)大jquery表格插件。例如:你可以自動(dòng)輕松篩選、ajax預(yù)讀取數(shù)據(jù)、分頁(yè)、列排序、高亮排序列、擴(kuò)展插件支持、使用css或jquery ui themeroller 定制主題和完整文檔。

2.uitablefilter-jquery表格過濾插件

　　uitablefilter是一個(gè)用于表格行篩選的jquery插件。插件作者提供了詳細(xì)的例子來(lái)告訴大家如何將自己的表格和插件整合在一起并完成表格篩選。

3.scrollable html table-jquery表格滾動(dòng)插件

　　scrollable html table jquery插件可以讓你的表格變得可以滾動(dòng)控制。

4.tablesorter-jquery表格排序插件

　　tablesorter這個(gè)jquery插件是用來(lái)將一個(gè)包含thead和tbody標(biāo)簽的標(biāo)準(zhǔn)html表格轉(zhuǎn)變?yōu)闊o(wú)頁(yè)面刷新的可排序表格。它不但支持多列排序，而且跨瀏覽器兼容并且能通過widget系統(tǒng)進(jìn)行擴(kuò)展。

5.flexigrid-web2.0 jquery表格插件

　　flexigrid 是一個(gè)輕量級(jí)的web2.0 jquery插件。它包含很多非常cool的特性，如主題定制、分頁(yè)、工具欄、搜索、排序、ajax讀取數(shù)據(jù)源、調(diào)整列寬高尺寸等。

6.heatcolor-jquery表格顏色插件

　　heatcolor可以讓你根據(jù)元素的值來(lái)為元素設(shè)置顏色。 它的值的比對(duì)時(shí)根據(jù)預(yù)設(shè)的一個(gè)范圍來(lái)進(jìn)行比較，最后對(duì)他們自動(dòng)進(jìn)行顏色值的設(shè)置。

7.jqtreetable-jquery樹形表格插件

　　使用jqtreetable插件你可以得到一個(gè)樹形表格，如果用戶的瀏覽器禁用了javascript，那么他們也能看到普通形式的表格，并不影響可訪問性。

8.ingrid-jquery表格插件

　　ingrid是另一個(gè)數(shù)據(jù)表jquery插件。它也有很多特性，比如列調(diào)整尺寸、排序、行列添加樣式等。在作者網(wǎng)站提供了很棒的文檔來(lái)告訴大家如何從頭使用這個(gè)jquery表格插件。

9.jquery columnmanager plugin

　　columnmanager是可以控制任意表格列顯示或隱藏的jquery插件，而且它可以保存當(dāng)前表格的狀態(tài)至你下次訪問。這個(gè)jquery插件非常小巧輕量，僅3.6kb。

10.jquery treetable-jquery樹形表格插件

　　jquery treetable是小型的jqtreetable, 它也能讓你的table顯示成樹形結(jié)構(gòu). 這個(gè)插件也可以在瀏覽器禁用javascript時(shí)保持文檔整潔并讓原始table可以使用.

11.csv2table-csv格式讀取表格插件

　　csv2table 可以讀取csv文件，它從csv文件中讀取內(nèi)容并創(chuàng)建成table表格.

12.table pagination-jquery表格分頁(yè)插件

　　這個(gè)jquery表格分頁(yè)插件可以在表格下面創(chuàng)建分頁(yè)元素，你還可以通過各種設(shè)置來(lái)定制分頁(yè)。

13.jquery tablerowcheckboxtoggle

　　這個(gè)jquery表格插件可以讓你再點(diǎn)擊表格行的時(shí)候改變多選框狀態(tài)并修改該行css樣式。

14.table drag and drop jquery plugin-jquery表格拖拽插件

　　這個(gè)簡(jiǎn)單的jquery插件可以讓用戶使用拖拽行的方式重新排列表格各行，任意單獨(dú)行可以設(shè)置為不可拖拽和/或不可放置。

15.uitableedit

　　uitableedit是由greg weber制作的很酷的jquery表格編輯插件，它允許用戶編輯表格內(nèi)容。