table表格由于它的瀏覽器兼容性和復雜的標簽嵌套方式，可以算是添加樣式最困難的對象之一了。大多數前端制作者都把網(wǎng)頁(yè)中的table標簽替換為div，主要就是因為div要比table更容易添加css樣式。但是我們在日常應用中仍然要用到table表格，其中最好的例子就是對照表。今天我將向大家推薦15個(gè)jquery表格插件讓你對數據表格進(jìn)行顯示、排序、篩選和操控。如jquery表格排序插件、jquery表格拖拽插件、jQuery樹(shù)形表格插件、設置顏色、點(diǎn)擊、替換等效果。
DataTables是提供了大量特性的強大jQuery表格插件。例如:你可以自動(dòng)輕松篩選、Ajax預讀取數據、分頁(yè)、列排序、高亮排序列、擴展插件支持、使用css或jQuery UI ThemeRoller 定制主題和完整文檔。
uiTableFilter是一個(gè)用于表格行篩選的jQuery插件。插件作者提供了詳細的例子來(lái)告訴大家如何將自己的表格和插件整合在一起并完成表格篩選。
Scrollable html Table jQuery插件可以讓你的表格變得可以滾動(dòng)控制。
Tablesorter這個(gè)jQuery插件是用來(lái)將一個(gè)包含thead和tbody標簽的標準html表格轉變?yōu)闊o(wú)頁(yè)面刷新的可排序表格。它不但支持多列排序，而且跨瀏覽器兼容并且能通過(guò)widget系統進(jìn)行擴展。
Flexigrid 是一個(gè)輕量級的Web2.0 jQuery插件。它包含很多非常Cool的特性，如主題定制、分頁(yè)、工具欄、搜索、排序、Ajax讀取數據源、調整列寬高尺寸等。
HeatColor可以讓你根據元素的值來(lái)為元素設置顏色。 它的值的比對時(shí)根據預設的一個(gè)范圍來(lái)進(jìn)行比較，最后對他們自動(dòng)進(jìn)行顏色值的設置。
使用JQTreeTable插件你可以得到一個(gè)樹(shù)形表格，如果用戶(hù)的瀏覽器禁用了javascript，那么他們也能看到普通形式的表格，并不影響可訪(fǎng)問(wèn)性。
Ingrid是另一個(gè)數據表jQuery插件。它也有很多特性，比如列調整尺寸、排序、行列添加樣式等。在作者網(wǎng)站提供了很棒的文檔來(lái)告訴大家如何從頭使用這個(gè)jQuery表格插件。
columnManager是可以控制任意表格列顯示或隱藏的jQuery插件，而且它可以保存當前表格的狀態(tài)至你下次訪(fǎng)問(wèn)。這個(gè)jQuery插件非常小巧輕量，僅3.6kb。
jQuery treeTable是小型的JQTreeTable, 它也能讓你的table顯示成樹(shù)形結構. 這個(gè)插件也可以在瀏覽器禁用javascript時(shí)保持文檔整潔并讓原始table可以使用.
CSV2Table 可以讀取CSV文件，它從CSV文件中讀取內容并創(chuàng )建成table表格.
這個(gè)jQuery表格分頁(yè)插件可以在表格下面創(chuàng )建分頁(yè)元素，你還可以通過(guò)各種設置來(lái)定制分頁(yè)。
這個(gè)jQuery表格插件可以讓你再點(diǎn)擊表格行的時(shí)候改變多選框狀態(tài)并修改該行CSS樣式。
這個(gè)簡(jiǎn)單的jQuery插件可以讓用戶(hù)使用拖拽行的方式重新排列表格各行，任意單獨行可以設置為不可拖拽和/或不可放置。
uiTableEdit是由Greg Weber制作的很酷的jQuery表格編輯插件，它允許用戶(hù)編輯表格內容。
聯(lián)系客服
