7款強大的Javascript網格插件推薦

 

表格一直是展示數據的最好方式。以微軟的Excel爲例,我們可以排序、整理、編輯,甚至幾次點擊輕鬆過濾數據。這次,我們看一看JavaScript網格插件,利用JS應用,它轉換成普通表到“類Excel”佈局,並有加載、操作、查看數據的一堆功能。

下面列出7個JavaScript網格插件,他們都有不錯的功能和漂亮的UI,一定會非常有用。

FlexiGrid

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

EditableGrid

EditableGrid是一個JavaScript Library,利用它能夠讓標準的HTML表格變成可編輯和可排序。這個Library能夠讓用戶自動使用適當的編輯器如textfields、checkbox等來編輯單元格,並內置多各個輸入校驗器(integer、double、URL、E-mail和Date)。此外EditableGrid還可選集成Open Flash Chart,能夠自動將表格中的數據轉成圖表。

jQGrid

jqGrid是一個用來顯示網格數據的jQuery插件,文檔比較全面,附帶中文版本。它可以被整合用任何服務器端技術,包括PHP,ASP,Java Servlets,JSP,ColdFusion,以及Perl。

TableSorter

Tablesorter是一個用來直接在瀏覽器上對錶格數據進行排序的jQuery插件,無需再次刷新頁面,支持多種單元格數據類型,例如數值、字符串、日期和自定義排序。

主要的特點包括:

多列排序

支持文本、URL地址、數值、IP地址、日期類型,以及自定義類型排序

支持TH元素的ROWSPAN和COLSPAN屬性

支持第二個隱藏域排序

可擴展外觀

程序簡小,打包後只有7.4K

DataTables

DataTables是一個jQuery的表格插件。這是一個高度靈活的工具,依據的基礎逐步增強,這將增加先進的互動控制,支持任何HTML表格。主要特點:

自動分頁處理

即時表格數據過濾

數據排序以及數據類型自動檢測

自動處理列寬度

可通過CSS定製樣式

支持隱藏列

易用

可擴展性和靈活性

國際化

動態創建表格

免費的

SlickGrid

SlickGrid是一個簡單的、快速、靈活的表格控件。可以隱藏/顯示列,調整列寬度,排序,自定義單元格展示格式和編輯器,支持編輯和創建新記錄。

Grid from jQuery UI (coming soon)

jQuery UI Team團隊正在開發一個可創建富應用、快速的網格Widget,可加強HTML表格的數據鏈接、排序、排版、過濾、行選擇、插入編輯等。

發佈了5 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章