分享7款超棒的JavaScript網格外掛程式

表格一直是展示資料的最好方式。以微軟的Excel為例，我們可以排序、整理、編輯，甚至幾次點擊輕鬆過濾資料。這次，我們看一看JavaScript網格外掛程式，利用JS應用，它轉換成普通表到“類Excel”布局，並有載入、操作、查看資料的一堆功能。

BKJIA推薦專題：JavaScript學習筆記 有問有答

下面列出7個JavaScript網格外掛程式，他們都有不錯的功能和漂亮的UI，一定會非常有用。

1. FlexiGrid

Flexigrid是一個類似於Ext Gird，但基於jQuery開發的Grid。它具有的功能包括：可以調整列寬，合并欄位標題，分頁，排序，顯示/隱藏表格等。Flexigrid顯示的資料能夠通過Ajax擷取或者從一個普通的表格轉換。

2. EditableGrid

EditableGrid是一個JavaScript Library，利用它能夠讓標準的HTML表格變成可編輯和可排序。這個Library能夠讓使用者自動使用適當的編輯器如textfields、checkbox等來編輯儲存格，並內建多各個輸入校正器(integer、double、URL、E-mail和Date)。此外EditableGrid還可選整合Open Flash Chart，能夠自動將表格中的資料轉成圖表。

3. jQGrid

 

jqGrid 是一個用來顯示網格資料的jQuery外掛程式，文檔比較全面，附帶中文版本。它可以被整合用任何伺服器端技術，包括PHP, ASP, Java Servlets, JSP, ColdFusion, 以及Perl。

4. TableSorter

Tablesorter 是一個用來直接在瀏覽器上對錶格資料進行排序的jQuery外掛程式，無需再次重新整理頁面，支援多種儲存格資料類型，例如數值、字串、日期和自訂排序。

主要的特點包括：

多列排序

支援文本、URL地址、數值、IP地址、日期類型，以及自訂類型排序

支援 TH 元素的 ROWSPAN 和 COLSPAN 屬性

支援第二個隱藏欄位排序

可擴充外觀

程式簡小，打包後只有 7.4K

5.DataTables

DataTables是一個jQuery的表格外掛程式。這是一個高度靈活的工具，依據的基礎逐步增強，這將增加先進的互動控制，支援任何HTML表格。主要特點：

自動分頁處理

即時表格式資料過濾

資料排序以及資料類型自動檢測

自動處理列寬度

可通過CSS定製樣式

支援隱藏列

易用

可擴充性和靈活性

國際化

動態建立表格

免費的

6. SlickGrid

SlickGrid是一個簡單的、快速、靈活的表格控制項。可以隱藏/顯示列，調整列寬度，排序，自訂儲存格展示格式和編輯器，支援編輯和建立新記錄。

7. Grid from jQuery UI (coming soon)

jQuery UI Team 團隊正在開發一個可建立富應用、快速的網格Widget，可加強HTML表格的資料連結、排序、排版、過濾、行選擇、插入編輯等。

不過目前還沒有發布，不需要等太久，oschina將跟蹤該項目。附：jQuery給力外掛程式大閱兵