作為開(kāi)發(fā)者都知道插件的重要性，有了插件的幫助，工作會(huì)更加高效。這次，我們收集了一些優(yōu)秀的 jQuery 表格插件介紹給大家。

創(chuàng)建一個(gè)表格（table）并調(diào)整其規(guī)模，是一項(xiàng)艱難而繁瑣的工作。作為一名開(kāi)發(fā)者，當(dāng)我向自己的項(xiàng)目中插入表格時(shí)，下面這些插件給我提供了很大的幫助。我決定把這些 jQuery 的表格插件分享給你們，使您的表創(chuàng)建體驗(yàn)更加輕松。這些插件不僅可以讓工作變得簡(jiǎn)單，而且對(duì)用戶十分友好，你不需要掌握核心的知識(shí)就能使用。如果您正在做項(xiàng)目，而且需要把表格添加到你的工作中，那么請(qǐng)參考下這些插件，其中可能就有對(duì)您有用的。

1. jQuery Tabledit

jQuery Tabledit 是 HTML 表格的 inline 編輯器，兼容 Bootstrap。它可以像電子表格那樣編輯 inline，或者用按鈕在編輯和視圖模式之間進(jìn)行切換。

2. wholly

用于響應(yīng)的 mouseenter 和 mouseleave 事件，選擇整個(gè)表格的行和列，支持利用列跨度和行跨度的表格布局。

3. Pricing Tables

簡(jiǎn)單響應(yīng)的定價(jià)表格，有3種不同的風(fēng)格，當(dāng)跳轉(zhuǎn)到不同的計(jì)劃時(shí)，會(huì)有生動(dòng)的動(dòng)畫。

4. colResizable

colResizable 可以用手動(dòng)拖拽來(lái)調(diào)整表格列，兼容鼠標(biāo)和其它觸感設(shè)備，有些漂亮的特性如：頁(yè)面刷新或回發(fā)后仍保持布局。

5. watable

瑞士軍刀式的 jQuery 表格插件過(guò)濾器，可以輕松快速地進(jìn)行格式、分頁(yè)，并對(duì)數(shù)據(jù)進(jìn)行排序。

6. Fixed Header Table

FixedHeaderTable 可以用最簡(jiǎn)潔的方式顯示已修改過(guò)的 header，對(duì)于任何有效的表格 mark-up 適用。

7. jQuery Grid

Gijgo.com 的 jQuery Grid 是 jQuery Javascript 庫(kù)的一個(gè)插件，它是個(gè)快速且可拓展的工具， 可對(duì)任何 HTML 表格添加高級(jí)交互控制。這個(gè)插件支持分頁(yè)，JavaScript 和服務(wù)器端的數(shù)據(jù)源，jQuery UI 和 Bootstrap。

8. jQuery Datagrid

jQuery 插件，用來(lái)呈現(xiàn)數(shù)據(jù)網(wǎng)格。適用于本地或遠(yuǎn)程數(shù)據(jù)，設(shè)計(jì)是自適應(yīng)的，簡(jiǎn)單易用，可擴(kuò)展。

9. Bootstrap Table Search

一個(gè)教程，關(guān)于如何使用 jQuery 和 CSS 添加客戶端的搜索過(guò)濾器到 Bootstrap 表格。

10. SlickGrid

SlickGrid 是一個(gè)高級(jí)的 JavaScript 網(wǎng)格/電子表格組件。

 

轉(zhuǎn)自：oschina，原文：thegeekzum