七款強(qiáng)大利用JS應(yīng)用的Javascript網(wǎng)格插件

1、七款強(qiáng)大利用JS 應(yīng)用的 Javascript網(wǎng)格插件表格一直是展示數(shù)據(jù)的最好方式。 以微軟的 Excel 為例，我們可以排序、整理、編輯，甚至幾次點擊輕松過濾數(shù)據(jù)。這次，我們看一看 JavaScript 網(wǎng)格插件，利用 JS 應(yīng)用，它轉(zhuǎn)換成普通表到“類 Excel ”布局，并有加載、 操作、查看數(shù)據(jù)的一堆功能。下面列出 7 個 JavaScript 網(wǎng)格插件， 他們都有不錯的功能和漂亮的 UI ，一定會非常有用。FlexiGridFlexigrid 是一個類似于Ext Gird ，但基于 jQuery 開發(fā)的Grid 。它具有的功能包括：可以調(diào)整列寬，合并列標(biāo)題，分頁，排序，顯示 /隱藏表格

2、等。 Flexigrid 顯示的數(shù)據(jù)能夠通過Ajax 獲取或者從一個普通的表格轉(zhuǎn)換。EditableGridEditableGrid 是一個 JavaScript Library，利用它能夠讓標(biāo)準(zhǔn)的 HTML 表格變成可編輯和可排序。這個Library 能夠讓用戶自動使用適當(dāng)?shù)木庉嬈魅鐃extfields、 checkbox 等來編輯單元格，并內(nèi)置多各個輸入校驗器（integer 、double 、URL 、E-mail 和 Date ）。此外 EditableGrid還可選集成 OpenFlash Chart ，能夠自動將表格中的數(shù)據(jù)轉(zhuǎn)成圖表。jQGridjqGrid是一個用來顯示網(wǎng)格數(shù)據(jù)的

3、jQuery 插件，文檔比較全面，附帶中文版本。它可以被整合用任何服務(wù)器端技術(shù)，包括 PHP, ASP, Java Servlets, JSP, ColdFusion,以及Perl 。TableSorter?Tablesorter是一個用來直接在瀏覽器上對表格數(shù)據(jù)進(jìn)行排序的 jQuery 插件，無需再次刷新頁面，支持多種單元格數(shù)據(jù)類型，例如數(shù)值、字符串、日期和自定義排序。主要的特點包括：多列排序 支持文本、 URL 地址、數(shù)值、IP 地址、日期類型，以及自定義類型排序 支持 TH 元素的 ROWSPAN 和 COLSPAN 屬性 支持第二個隱藏域排序 可擴(kuò)展外觀 程序簡小，打包后只有 7.4K

4、DataTablesDataTables是一個 jQuery 的表格插件。這是一個高度靈活的工具，依據(jù)的基礎(chǔ)逐步增強(qiáng)，這將增加先進(jìn)的互動控制，支持任何HTML 表格。主要特點：自動分頁處理即時表格數(shù)據(jù)過濾數(shù)據(jù)排序以及數(shù)據(jù)類型自動檢測 自動處理列寬度 可通過 CSS 定制樣式 支持隱藏列 易用 可擴(kuò)展性和靈活性 國際化 動態(tài)創(chuàng)建表格 免費的 SlickGridSlickGrid 是一個簡單的、快速、靈活的表格控件。可以隱藏 /顯示列，調(diào)整列寬度，排序，自定義單元格展示格式和編輯器，支持編輯和創(chuàng)建新記錄。Grid from jQuery UI (coming soon)jQuery UI Team 團(tuán)隊正在開發(fā)一個可創(chuàng)建富應(yīng)用、快速的網(wǎng)格 Widget ，可加強(qiáng)