十三個(gè)最佳JavaScript數(shù)據(jù)網(wǎng)格庫
JavaScript 是一種通常被用在網(wǎng)頁開發(fā)中的編程語言。它主要是在互聯(lián)網(wǎng)上的網(wǎng)頁瀏覽器中開發(fā)出效果出眾且可交互的特效。它是客戶端腳本語言中的一種,是被用來作為通過用戶的網(wǎng)頁瀏覽器進(jìn)行處理的源代碼。JavaScript 是動(dòng)態(tài)、高級(jí)、可解釋且無類型的編程語言。JavaScript 主要被用在不是基于 Web 的環(huán)境之中,像是特定站點(diǎn)的瀏覽器,桌面小部件以及 PDF 文件。事實(shí)上,JavaScript 還被程序員們用在了視頻游戲開發(fā)之中。
數(shù)據(jù)網(wǎng)格可以幫助解決在 HTML 表格上對(duì)帶有過濾、分頁、排序、搜索以及內(nèi)聯(lián)編輯這些功能特性的大量數(shù)據(jù)集的處理問題。隨著技術(shù)的發(fā)展,形成了各種類型的 JavaScript 數(shù)據(jù)網(wǎng)格庫,讓開發(fā)者們的工作變得輕松。它們可以很容易地在表格上添加網(wǎng)格功能,還可以在巨量數(shù)據(jù)集上執(zhí)行諸如過濾、分頁或者排序這樣的函數(shù)。
好了,這里提供幾種可供你挑選的庫,便于你在表格中在線添加數(shù)據(jù)網(wǎng)格功能。你也可以通過 .Net 來實(shí)現(xiàn),或者是利用 JavaScript 網(wǎng)格庫,抑或者是Php腳本。我們?cè)谶@里整理了 13 個(gè)*** JavaScript 數(shù)據(jù)網(wǎng)格庫的清單。讓我們開始吧!
Handsontable 是為開發(fā)則打造的優(yōu)秀 JavaScript 數(shù)據(jù)網(wǎng)格庫之一。它它是一個(gè)可擴(kuò)展的電子表格解決方案,可以用來構(gòu)建優(yōu)雅的 Web 應(yīng)用程序,Handsontable 允許你使用 CLI 工具,因此可選擇任何所需的插件構(gòu)建你自己的作品。它提供一個(gè)空白的畫布或頁面,你可以按照自己的想法、感覺和審美自由發(fā)揮。它主要是以純 JavaScript 的形式編寫的。您可以通過 Polymer 組件和 AngularJS 指令來使用 Handsontable。
SlickGrid 是一個(gè) JavaScript 高級(jí)電子表格組件,它的配置和學(xué)習(xí)難度相對(duì)較高。SlickGrid 具有諸如自適應(yīng)虛擬滾動(dòng)、極快的渲染速度、可定制、支持 jQuery UI 主題和易配置等特性,具備分組過濾、列自動(dòng)調(diào)整等功能。
AgGrid 是為開發(fā)者提供的***的 JavaScript 數(shù)據(jù)網(wǎng)格庫之一。Ag Grid 的主要目標(biāo)是創(chuàng)建一個(gè)用于企業(yè)級(jí)軟件的數(shù)據(jù)網(wǎng)格,作為構(gòu)建應(yīng)用程序***的構(gòu)建方式。這些應(yīng)用程包括諸如數(shù)據(jù)錄入和業(yè)務(wù)工作流、數(shù)據(jù)分析和報(bào)告等等。 事實(shí)上,作者用在 Java、JavaScript 和 C ++ 中構(gòu)建應(yīng)用程序的時(shí)間通常要幾年。 你可以很容易地在 JavaScript 中找到你自己所選擇的網(wǎng)格。
這個(gè)庫為您提供***的移動(dòng)應(yīng)用程序和專業(yè)網(wǎng)站的解決方案。它是基于 CSS,jQuery,HTML5 和 JavaScript 的技術(shù)構(gòu)建的。 它是響應(yīng)式的 Web 開發(fā),可以在平板,智能手機(jī)和桌面上開發(fā)出看起來驚人的網(wǎng)站和應(yīng)用程序。 你可以用它與流行的框架,如 Angular2,服務(wù)器端技術(shù)和 TypeScript 等一起使用。
EmberTable.js 是一個(gè)偉大的 JavaScript 數(shù)據(jù)網(wǎng)格庫。 它允許您控制大數(shù)據(jù)集,并用于顯示。 這是一個(gè)簡單的擴(kuò)展并很容易理解。 它支持重排序,列調(diào)整大小,可自定義并且易于配置。
JQuery king table 基于輸入的數(shù)據(jù)進(jìn)行表格管理。它主要支持自動(dòng)隱藏菜單,自定義工具欄,服務(wù)器端分頁,客戶端及服務(wù)器端查詢,自定義過濾視圖。其他特性還包括支持 json, xml 和 csv 格式。
ApeendGrid 是 JavaScript 數(shù)據(jù)表格庫之一。它可以幫助您像填充電子表格一樣以逐行的形式結(jié)構(gòu)化數(shù)據(jù)。它允許你在表格中插入/刪除/移除/增加行等操作。 同時(shí)也可以用于控制服務(wù)器端的程序如 PHP/ASP.NET/JSP 等。
dhtmlxGrid 提供了強(qiáng)大的數(shù)據(jù)綁定,前沿功能以及在大數(shù)據(jù)集下的快速性能。它非常容易使用并且具有高定制性,數(shù)據(jù)可以從多種數(shù)據(jù)源加載如: JSON, JavaScript 數(shù)組, HTML 表以及 XML。
W2ui 是一個(gè)非常棒的 JavaScript 數(shù)據(jù)網(wǎng)格庫。然而,這并不是 jQuery 特別指定的庫,并且不支持一些類似 dojo 和 prototype 的框架。它允許你開發(fā)可變尺寸和彈性的布局。它包含 main,preview,top,bottom,right 和 left 的面板。它有如下窗口小部件:Tabs,Popup,F(xiàn)orms,Sidebar,Layout,F(xiàn)ield Control和toolbar。
jqGrid 提供操作和展現(xiàn)網(wǎng)絡(luò)上表格數(shù)據(jù)的解決方案。在 Ajax Callbacks 時(shí),它是客戶端動(dòng)態(tài)加載數(shù)據(jù)的方案。 它能極好的集成如下服務(wù)端技術(shù):Java Servlets,Perl,PHP,ColdFusion 和 ASP 等等。
FancyGrid 是其中的一個(gè) JavaScript 數(shù)據(jù)網(wǎng)格庫。它是為互聯(lián)網(wǎng)上的網(wǎng)頁應(yīng)用程序開發(fā)網(wǎng)格。它有一個(gè)帶有服務(wù)端通信、圖表交互等等功能的庫,包含了過濾、Ajax 數(shù)據(jù),REStful,AngularJS 指令、排序、分頁以及許多其它的東西。它是免費(fèi)的插件庫,并且具有獨(dú)立性。它與 AngularJS 和 jQuery 進(jìn)行了集成。它包含了優(yōu)雅的 API、大量的示例,詳細(xì)的文檔以及專業(yè)的技術(shù)支持。
JsGrid 基于 jQuery,是一種非常輕量級(jí)的客戶端數(shù)據(jù)網(wǎng)格。它主要支持過濾、分頁、插入、編輯、排序以及刪除。它更加靈活,并且允許對(duì)組件和外觀進(jìn)行定制。它擁有一個(gè)靈活的分頁組件,還提供了像是復(fù)選框、文本、選擇框等等各種各樣的網(wǎng)格列組件。
DataTables 是 JavaScript 數(shù)據(jù)網(wǎng)格庫之一。 這是一個(gè)靈活的工具,能夠通過升級(jí)增強(qiáng)。它主要控制所有 HTML 表之間的交互。 包括即時(shí)搜索、多列排序、服務(wù)器端處理和分頁。 它支持DOM,Ajax 和 JavaScript。