DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery的表格操作插件
基於jQuery的表格操作插件
編輯:JQuery特效代碼      日期:2016/12/28 11:29:41
大多數前端er都把網頁中的table標簽替換為div,主要就是因為div要比table更容易添加CSS樣式。但是我們在日常應用中仍然要用到table表格,其中最好的例子就是對照表。今天彬Go將向大家推薦15個jQuery表格插件讓你對數據表格進行顯示、排序、篩選和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery樹形表格插件、設置顏色、點擊、替換等效果。

1.DataTables-強大的jQuery表格插件

datatables-jquery-插件

DataTables是提供了大量特性的強大jQuery表格插件。例如:你可以自動輕松篩選、Ajax預讀取數據、分頁、列排序、高亮排序列、擴展插件支持、使用CSS或jQuery UI ThemeRoller 定制主題和完整文檔。

2.uiTableFilter-jQuery表格過濾插件

ui-table-filter-jquery-插件

uiTableFilter是一個用於表格行篩選的jQuery插件。插件作者提供了詳細的例子來告訴大家如何將自己的表格和插件整合在一起並完成表格篩選。

3.Scrollable HTML Table-jQuery表格滾動插件

scrollable-html-table-jquery

Scrollable HTML Table jQuery插件可以讓你的表格變得可以滾動控制。

買空間、服務器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

4.Tablesorter-jQuery表格排序插件

tablesorter-jquery-插件

Tablesorter這個jQuery插件是用來將一個包含thead和tbody標簽的標准HTML表格轉變為無頁面刷新的可排序表格。它不但支持多列排序,而且跨浏覽器兼容並且能通過widget系統進行擴展。

5.Flexigrid-Web2.0 jQuery表格插件

flexigrid-jquery

Flexigrid 是一個輕量級的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主題定制、分頁、工具欄、搜索、排序、ajax讀取數據源、調整列寬高尺寸等。

6.HeatColor-jQuery表格顏色插件

heatcolor-jquery

HeatColor可以讓你根據元素的值來為元素設置顏色。 它的值的比對時根據預設的一個范圍來進行比較,最後對他們自動進行顏色值的設置。

買空間、服務器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

7.JQTreeTable-jQuery樹形表格插件

jqtreetable-jquery

使用JQTreeTable插件你可以得到一個樹形表格,如果用戶的浏覽器禁用了JavaScript,那麼他們也能看到普通形式的表格,並不影響可訪問性。

8.Ingrid-jQuery表格插件

ingrid-jquery-表格-插件

Ingrid是另一個數據表jQuery插件。它也有很多特性,比如列調整尺寸、排序、行列添加樣式等。在作者網站提供了很棒的文檔來告訴大家如何從頭使用這個jQuery表格插件。

9.jQuery ColumnManager plugin

jquery-column-manager-jquery-表格插件

columnManager是可以控制任意表格列顯示或隱藏的jQuery插件,而且它可以保存當前表格的狀態至你下次訪問。這個jQuery插件非常小巧輕量,僅3.6kb。

買空間、服務器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

10.jQuery treeTable-jQuery樹形表格插件

jquery-treetable-樹形表格插件

jQuery treeTable是小型的JQTreeTable, 它也能讓你的table顯示成樹形結構. 這個插件也可以在浏覽器禁用JavaScript時保持文檔整潔並讓原始table可以使用.

11.CSV2Table-CSV格式讀取表格插件

csv2table-jQuery表格插件

CSV2Table 可以讀取CSV文件,它從CSV文件中讀取內容並創建成table表格.

12.Table Pagination-jQuery表格分頁插件

table-pagination-jQuery表格插件

這個jQuery表格分頁插件可以在表格下面創建分頁元素,你還可以通過各種設置來定制分頁。

買空間、服務器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。

13.jQuery TableRowCheckboxToggle

jquery-table-插件

這個jQuery表格插件可以讓你再點擊表格行的時候改變多選框狀態並修改該行CSS樣式。

14.Table Drag and Drop jQuery plugin-jQuery表格拖拽插件

這個簡單的jQuery插件可以讓用戶使用拖拽行的方式重新排列表格各行,任意單獨行可以設置為不可拖拽和/或不可放置。

15.uiTableEdit

uiTableEdit是由Greg Weber制作的很酷的jQuery表格編輯插件,它允許用戶編輯表格內容。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved