JavaScript 是一種通常被用在網(wǎng)頁(yè)開(kāi)發(fā)中的編程語(yǔ)言。它主要是在互聯(lián)網(wǎng)上的網(wǎng)頁(yè)瀏覽器中開(kāi)發(fā)出效果出眾且可交互的特效。它是客戶端腳本語(yǔ)言中的一種，是被用來(lái)作為通過(guò)用戶的網(wǎng)頁(yè)瀏覽器進(jìn)行處理的源代碼。JavaScript 是動(dòng)態(tài)、高級(jí)、可解釋且無(wú)類型的編程語(yǔ)言。JavaScript 主要被用在不是基于 Web 的環(huán)境之中，像是特定站點(diǎn)的瀏覽器，桌面小部件以及 PDF 文件。事實(shí)上，JavaScript 還被程序員們用在了視頻游戲開(kāi)發(fā)之中。

數(shù)據(jù)網(wǎng)格可以幫助解決在 HTML 表格上對(duì)帶有過(guò)濾、分頁(yè)、排序、搜索以及內(nèi)聯(lián)編輯這些功能特性的大量數(shù)據(jù)集的處理問(wèn)題。隨著技術(shù)的發(fā)展，形成了各種類型的 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)，讓開(kāi)發(fā)者們的工作變得輕松。它們可以很容易地在表格上添加網(wǎng)格功能，還可以在巨量數(shù)據(jù)集上執(zhí)行諸如過(guò)濾、分頁(yè)或者排序這樣的函數(shù)。

好了，這里提供幾種可供你挑選的庫(kù)，便于你在表格中在線添加數(shù)據(jù)網(wǎng)格功能。你也可以通過(guò) .Net 來(lái)實(shí)現(xiàn)，或者是利用 JavaScript 網(wǎng)格庫(kù)，抑或者是Php腳本。我們?cè)谶@里整理了 13 個(gè)最佳 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)的清單。讓我們開(kāi)始吧！

Handsontable

Handsontable 是為開(kāi)發(fā)則打造的優(yōu)秀 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)之一。它它是一個(gè)可擴(kuò)展的電子表格解決方案，可以用來(lái)構(gòu)建優(yōu)雅的 Web 應(yīng)用程序，Handsontable 允許你使用 CLI 工具，因此可選擇任何所需的插件構(gòu)建你自己的作品。它提供一個(gè)空白的畫布或頁(yè)面，你可以按照自己的想法、感覺(jué)和審美自由發(fā)揮。它主要是以純 JavaScript 的形式編寫的。您可以通過(guò) Polymer 組件和 AngularJS 指令來(lái)使用 Handsontable。

SlickGrid

SlickGrid 是一個(gè) JavaScript 高級(jí)電子表格組件，它的配置和學(xué)習(xí)難度相對(duì)較高。SlickGrid 具有諸如自適應(yīng)虛擬滾動(dòng)、極快的渲染速度、可定制、支持 jQuery UI 主題和易配置等特性，具備分組過(guò)濾、列自動(dòng)調(diào)整等功能。

Ag Grid

AgGrid 是為開(kāi)發(fā)者提供的最好的 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)之一。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)格。

jQWidgets

這個(gè)庫(kù)為您提供完美的移動(dòng)應(yīng)用程序和專業(yè)網(wǎng)站的解決方案。它是基于 CSS，jQuery，HTML5 和 JavaScript 的技術(shù)構(gòu)建的。 它是響應(yīng)式的 Web 開(kāi)發(fā)，可以在平板，智能手機(jī)和桌面上開(kāi)發(fā)出看起來(lái)驚人的網(wǎng)站和應(yīng)用程序。 你可以用它與流行的框架，如 Angular2，服務(wù)器端技術(shù)和 TypeScript 等一起使用。

EmberTable

EmberTable.js 是一個(gè)偉大的 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)。 它允許您控制大數(shù)據(jù)集，并用于顯示。 這是一個(gè)簡(jiǎn)單的擴(kuò)展并很容易理解。 它支持重排序，列調(diào)整大小，可自定義并且易于配置。

jQuery King Table

JQuery king table 基于輸入的數(shù)據(jù)進(jìn)行表格管理。它主要支持自動(dòng)隱藏菜單，自定義工具欄，服務(wù)器端分頁(yè)，客戶端及服務(wù)器端查詢，自定義過(guò)濾視圖。其他特性還包括支持 json, xml 和 csv 格式。

ApeendGrid

ApeendGrid 是 JavaScript 數(shù)據(jù)表格庫(kù)之一。它可以幫助您像填充電子表格一樣以逐行的形式結(jié)構(gòu)化數(shù)據(jù)。它允許你在表格中插入/刪除/移除/增加行等操作。 同時(shí)也可以用于控制服務(wù)器端的程序如 PHP/ASP.NET/JSP 等。

dhtmlxGrid

dhtmlxGrid 提供了強(qiáng)大的數(shù)據(jù)綁定，前沿功能以及在大數(shù)據(jù)集下的快速性能。它非常容易使用并且具有高定制性，數(shù)據(jù)可以從多種數(shù)據(jù)源加載如： JSON, JavaScript 數(shù)組, HTML 表以及 XML。

W2ui

W2ui 是一個(gè)非常棒的 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)。然而，這并不是 jQuery 特別指定的庫(kù)，并且不支持一些類似 dojo 和 prototype 的框架。它允許你開(kāi)發(fā)可變尺寸和彈性的布局。它包含 main，preview，top，bottom，right 和 left 的面板。它有如下窗口小部件：Tabs，Popup，F(xiàn)orms，Sidebar，Layout，F(xiàn)ield Control和toolbar。

jqGrid

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

FancyGrid 是其中的一個(gè) JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)。它是為互聯(lián)網(wǎng)上的網(wǎng)頁(yè)應(yīng)用程序開(kāi)發(fā)網(wǎng)格。它有一個(gè)帶有服務(wù)端通信、圖表交互等等功能的庫(kù)，包含了過(guò)濾、Ajax 數(shù)據(jù)，REStful，AngularJS 指令、排序、分頁(yè)以及許多其它的東西。它是免費(fèi)的插件庫(kù)，并且具有獨(dú)立性。它與 AngularJS 和 jQuery 進(jìn)行了集成。它包含了優(yōu)雅的 API、大量的示例，詳細(xì)的文檔以及專業(yè)的技術(shù)支持。

JsGrid

JsGrid 基于 jQuery，是一種非常輕量級(jí)的客戶端數(shù)據(jù)網(wǎng)格。它主要支持過(guò)濾、分頁(yè)、插入、編輯、排序以及刪除。它更加靈活，并且允許對(duì)組件和外觀進(jìn)行定制。它擁有一個(gè)靈活的分頁(yè)組件，還提供了像是復(fù)選框、文本、選擇框等等各種各樣的網(wǎng)格列組件。

DataTables

DataTables 是 JavaScript 數(shù)據(jù)網(wǎng)格庫(kù)之一。 這是一個(gè)靈活的工具，能夠通過(guò)升級(jí)增強(qiáng)。它主要控制所有 HTML 表之間的交互。 包括即時(shí)搜索、多列排序、服務(wù)器端處理和分頁(yè)。 它支持DOM，Ajax 和 JavaScript。

最新評(píng)論