12款 JavaScript 表格控件(DataGrid)


JavaScript 表格控件可以操作大數據集的 HTML表格,提供各種功能,如分頁、排序、過濾以及行編輯。在本文中,我們整理了13個最好的 JavaScript 表格插件分享給開發人員,開發者可以很容易地添加表格操作功能到Web應用程序中。

1. DataTables

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 1

DataTables插件是為the jquery JavaScript庫。它是基於高度靈活的工具,在foundations of the will add和漸進增強,先進的交互控制的任何HTML表。這個庫包括pagination即時搜索和多柱幾乎任何數據源supports序和JavaScript,Ajax和DOM類,服務器端處理。

在線預覽

2. Handsontable

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 2

Handsontable是用於創建令人敬畏的應用程序的可伸縮電子表格解決方案嗎?。這個現成的解決方案附帶了CLI工具,因此您可以根據需要創建盡可能多的插件。更重要的是,Handsontable是一個空白的畫布,你可以創建你自己的外觀和感覺。

Handsontable用純JavaScript,也可與 AngularJS指令 和聚合物組成。

在線預覽

3. JsGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 3

jsGrid是基於jQuery的輕量級客戶端數據網格控件。它支持基本的網格操作,如插入、過濾、編輯、刪除、分頁和排序。jsgrid是靈活的,允許自定義其外觀和部件。

jsGrid有一個靈活的尋呼機允許將數據在客戶端和服務器端。jsgrid提供不同的列類型:文本、數字、選擇、復選框和更多。

在線預覽

4. SlickGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 4

SlickGrid是一個JavaScript網格/電子表格組件。它是一個高級組件,學習和配置起來會有點困難,但是一旦你意識到它的全部潛力,它就會讓你震驚!SlickGrid自適應虛擬滾動,支持jQuery UI主題,非常快速的渲染速度,易於配置和定制,包括列自動調整大小,分組過濾和許多其他有用的功能。

在線預覽

5. FancyGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 5

FancyGrid是為Web應用程序創建網格的完整解決方案。fancygrid是網格圖書館配備 圖一體化 (Highcharts和氣泡),服務器的通信和許多其他有用的功能。

這個庫包含超過25 + 功能分頁,排序、過濾、驗證、Ajax數據、文件 數據、平安、觸控、角js指令和更多。

FancyGrid是一個插件的免費圖書館,它沒有依賴但jQuery和AngularJS集成。fancygrid還包括樣品數量、專業支持、優雅的API,當然詳細的文件,方便使用。

也有 大窗體模塊(fancyform) 是綜合與FancyGrid。

在線預覽

6. Ag Grid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 6

ag-Grid是企業級JavaScript數據網格。AG網格的目的是提供一個數據網格,企業軟件可以用於構建應用程序,如報表和數據分析、業務工作流和數據輸入。作者多年來建立在C++應用程序,java和javascript,在JavaScript中缺乏發現網格的選擇,尤其是在其他語言的框架是什么比較。AG網格是將挫折轉化為答案的結果,提供了一個值得企業發展的網格。

在線預覽

7. jqGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 7

jqGrid是一個支持Ajax的JavaScript控件,它提供了在Web上表示和操作表格數據的解決方案。由於網格是一個客戶端的解決方案,動態加載數據通過Ajax回調函數,它可以集成任何服務器端技術,包括PHP,java servlet、JSP、ASP,ColdFusion,和Perl。

在線預覽

8. jQWidgets

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 8

jQWidgets提供構建專業網站和移動應用程序的全面解決方案。它是完全建立在開放的標准和技術,如HTML5、CSS、JavaScript和jQuery。 jqwidgets 使響應的Web開發和幫助您創建的應用程序和網站,看看美麗的台式機,平板電腦和智能手機。你可以使用jqwidgets流行框架與TypeScript,像AngularJS,角2,像ASP.NET的MVC技術,PHP knockoutjs和服務器端,JSP和Node.js

jQWidgets是一個專業的觸摸功能完整的框架使jQuery插件、主題、輸入驗證、拖放插件,數據適配器,內置WAI-ARIA可達性、國際化和MVVM支持。

在線預覽

9. W2ui

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 9

w2ui庫是一組interrellated jQuery插件。它不是一個臨時端口jQuery,但最初用jQuery在頭腦里形成。沒有支持其他框架如原型或道場。的w2layout對象允許您創建可伸縮和可調整大小的高達6的面板布局。面板是頂部,左側,主,預覽,右,和底部。您不必創建和初始化所有6個面板,但只需要應用程序中需要的面板。

w2ui圖書館一體化解決方案。它包含所有最常見的UI小部件:布局、網格、邊欄、制表符、工具欄、彈出框、字段控件和窗體。你不需要拼湊一個不匹配的插件來完成你的目標。

在線預覽

10. EmberTable.js

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 10

EmberTable允許您只渲染正在顯示的行來處理非常大的數據集。它是用一個易於理解和擴展的API編寫的。它包括延遲渲染和支持數百萬行,支持列大小調整和重新排序,並且易於配置、可定制和可擴展。

在線預覽

11. dhtmlxGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 11

dhtmlxGrid是一個功能全面的JavaScript網格控件,它提供了尖端的功能、強大的數據綁定和大數據集的快速性能。豐富而直觀的JavaScript API使網格具有高度的可定制性和易用性。dhtmlxgrid可以從不同的數據源加載數據:XML(自定義格式),JSON,CSV,JavaScript數組,和HTML表格。

有了這個js網格視圖組件,您就可以輕松地創建具有豐富的單元格編輯、內置過濾、搜索和分組功能的好看的、支持Ajax的表。智能渲染和分頁支持確保快速加載速度,即使是龐大的數據集。許多事件處理程序允許您向網格添加必要的交互性。

在線預覽

12. jQuery King Table

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 12

kingtable是一個能夠建立自己的行政表格的jQuery插件,對輸入數據的基礎上。它支持客戶端和服務器端分頁;客戶端和服務器端的搜索;自定義過濾器視圖菜單;自動隱藏和列重新排序和自定義工具支持。客戶端導出功能為:CSV、JSON和XML格式。

在線預覽

13. ApeendGrid

13款 JavaScript 表格控件(DataGrid) - 愛七七五八網 - 13

appendgrid允許你輸入結構化數據按行如填表格。它允許您在網格中添加/刪除/插入/刪除行。生成的輸入/選擇/ TextArea控件命名提交到服務器端的應用,如asp.net/php/jsp。可以使用多種選項和回調事件來適應各種情況。

在線預覽

本文固定鏈接: http://www.i7758.com/archives/2672.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM