13 個最佳 JavaScript 數據網格庫

13 個最佳 JavaScript 數據網格庫

 

轉自：開源中國

www.oschina.net/translate/best-javascript-data-grid-libraries

 

JavaScript 是一種一般被用在網頁開發中的編程語言。它主要是在互聯網上的網頁瀏覽器中開發出效果出衆且可交互的特效。它是客戶端腳本語言中的一種，是被用來做爲經過用戶的網頁瀏覽器進行處理的源代碼。JavaScript 是動態、高級、可解釋且無類型的編程語言。JavaScript 主要被用在不是基於 Web 的環境之中，像是特定站點的瀏覽器，桌面小部件以及 PDF 文件。事實上，JavaScript 還被程序員們用在了視頻遊戲開發之中。

數據網格能夠幫助解決在 HTML 表格上對帶有過濾、分頁、排序、搜索以及內聯編輯這些功能特性的大量數據集的處理問題。隨着技術的發展，造成了各類類型的 JavaScript 數據網格庫，讓開發者們的工做變得輕鬆。它們能夠很容易地在表格上添加網格功能，還能夠在巨量數據集上執行諸如過濾、分頁或者排序這樣的函數。

好了，這裏提供幾種可供你挑選的庫，便於你在表格中在線添加數據網格功能。你也能夠經過 .Net 來實現，或者是利用 JavaScript 網格庫，抑或者是Php腳本。咱們在這裏整理了 13 個最佳 JavaScript 數據網格庫的清單。讓咱們開始吧！

 

 

 

Handsontable

Handsontable 是爲開發則打造的優秀 JavaScript 數據網格庫之一。它它是一個可擴展的電子表格解決方案，能夠用來構建優雅的 Web 應用程序，Handsontable 容許你使用 CLI 工具，所以可選擇任何所需的插件構建你本身的做品。它提供一個空白的畫布或頁面，你能夠按照本身的想法、感受和審美自由發揮。它主要是以純 JavaScript 的形式編寫的。您能夠經過 Polymer 組件和 AngularJS 指令來使用 Handsontable。

 

 

SlickGrid

SlickGrid 是一個 JavaScript 高級電子表格組件，它的配置和學習難度相對較高。SlickGrid 具備諸如自適應虛擬滾動、極快的渲染速度、可定製、支持 jQuery UI 主題和易配置等特性，具有分組過濾、列自動調整等功能。

 

 

Ag Grid

AgGrid 是爲開發者提供的最好的 JavaScript 數據網格庫之一。Ag Grid 的主要目標是建立一個用於企業級軟件的數據網格，做爲構建應用程序最佳的構建方式。這些應用程包括諸如數據錄入和業務工做流、數據分析和報告等等。 事實上，做者用在 Java、JavaScript 和 C ++ 中構建應用程序的時間一般要幾年。 你能夠很容易地在 JavaScript 中找到你本身所選擇的網格。

 

 

jQWidgets

這個庫爲您提供完美的移動應用程序和專業網站的解決方案。它是基於 CSS，jQuery，HTML5 和 JavaScript 的技術構建的。 它是響應式的 Web 開發，能夠在平板，智能手機和桌面上開發出看起來驚人的網站和應用程序。 你能夠用它與流行的框架，如 Angular2，服務器端技術和 TypeScript 等一塊兒使用。

 

 

 

EmberTable

EmberTable.js 是一個偉大的 JavaScript 數據網格庫。 它容許您控制大數據集，並用於顯示。 這是一個簡單的擴展並很容易理解。 它支持重排序，列調整大小，可自定義而且易於配置。

 

 

jQuery King Table

JQuery king table 基於輸入的數據進行表格管理。它主要支持自動隱藏菜單，自定義工具欄，服務器端分頁，客戶端及服務器端查詢，自定義過濾視圖。其餘特性還包括支持 json, xml 和 csv 格式。

 

 

ApeendGrid

ApeendGrid 是 JavaScript 數據表格庫之一。它能夠幫助您像填充電子表格同樣以逐行的形式結構化數據。它容許你在表格中插入/刪除/移除/增長行等操做。 同時也能夠用於控制服務器端的程序如 PHP/ASP.NET/JSP 等。

 

 

dhtmlxGrid

dhtmlxGrid 提供了強大的數據綁定，前沿功能以及在大數據集下的快速性能。它很是容易使用而且具備高定製性，數據能夠從多種數據源加載如： JSON, JavaScript 數組, HTML 表以及 XML。

 

 

W2ui

W2ui 是一個很是棒的 JavaScript 數據網格庫。然而，這並非 jQuery 特別指定的庫，而且不支持一些相似 dojo 和 prototype 的框架。它容許你開發可變尺寸和彈性的佈局。它包含 main，preview，top，bottom，right 和 left 的面板。它有以下窗口小部件：Tabs，Popup，Forms，Sidebar，Layout，Field Control和toolbar。

 

 

jqGrid

jqGrid 提供操做和展示網絡上表格數據的解決方案。在 Ajax Callbacks 時，它是客戶端動態加載數據的方案。 它能極好的集成以下服務端技術：Java Servlets，Perl，PHP，ColdFusion 和 ASP 等等。

 

 

FancyGrid

FancyGrid 是其中的一個 JavaScript 數據網格庫。它是爲互聯網上的網頁應用程序開發網格。它有一個帶有服務端通訊、圖表交互等等功能的庫，包含了過濾、Ajax 數據，REStful，AngularJS 指令、排序、分頁以及許多其它的東西。它是免費的插件庫，而且具備獨立性。它與 AngularJS 和 jQuery 進行了集成。它包含了優雅的 API、大量的示例，詳細的文檔以及專業的技術支持。

 

 

JsGrid

JsGrid 基於 jQuery，是一種很是輕量級的客戶端數據網格。它主要支持過濾、分頁、插入、編輯、排序以及刪除。它更加靈活，而且容許對組件和外觀進行定製。它擁有一個靈活的分頁組件，還提供了像是複選框、文本、選擇框等等各類各樣的網格列組件。

 

 

DataTables

DataTables 是 JavaScript 數據網格庫之一。 這是一個靈活的工具，可以經過升級加強。它主要控制全部 HTML 表之間的交互。 包括即時搜索、多列排序、服務器端處理和分頁。 它支持DOM，Ajax 和 JavaScript。 

 

看完本文有收穫？請轉發分享給更多人