AG Grid成立于英國，致力于提供優(yōu)秀的企業(yè)級數(shù)據(jù)表格及圖表解決方案。

AG Grid及AG Charts是其兩大主要的高性能企業(yè)級JavaScript數(shù)據(jù)表格及圖表解決方案，被全球開發(fā)者廣泛采用。憑借其卓越的性能、豐富的功能與高度可定制性，成為構(gòu)建復雜數(shù)據(jù)驅(qū)動型應用的優(yōu)選工具庫。

AG Grid 是一個與框架無關的數(shù)據(jù)網(wǎng)格，每月 npm 下載量超過 900 萬次。它為 React、Angular、Vue 和 Vanilla JS 提供官方支持，并被包括微軟、摩根大通和亞馬遜在內(nèi)的眾多初創(chuàng)企業(yè)和大型企業(yè)的開發(fā)者所使用。

慧都是AG Grid中國區(qū)合作伙伴，獲取產(chǎn)品試用或產(chǎn)品優(yōu)惠，請登錄慧都網(wǎng)

本頁重點介紹了一些可以使用 AG Grid 添加到應用程序的特性和功能演示和示例代碼。

一、基于用例的示例

以下示例是圍繞特定用例/垂直領域設計的，包括績效、財務、人力資源和庫存管理。

1、性能表現(xiàn)

性能示例是我們最全面的演示，展示了基于 10 萬行數(shù)據(jù)集的高級功能。下方視頻演示了高性能渲染和滾動，且無任何視覺延遲。

查看完整的演示以測試網(wǎng)格的性能以及更多高級功能，例如、、。

2、金融

鑒于 AG Grid 在金融領域的廣泛應用，這個演示是 AG Grid 的一個常見用例。它以價格變化的形式展示了進行可視化。Sparklines 是一項提供支持：

3、人力資源

人力資源演示使用來顯示嵌套的組織層次結(jié)構(gòu)，并使用在單元格中顯示圖像和按鈕。它還采用了扁平、現(xiàn)代的設計，非常適合 CRM 系統(tǒng)：

4、存貨

我們的最后一個例子是專注于庫存管理，使用網(wǎng)格來顯示庫存水平，并使用、和在網(wǎng)格內(nèi)觸發(fā)實時更新：

二、企業(yè)功能示例

以下示例是AG Grid Enterprise的一部分，并演示了高級功能。

您可以通過運行在本地應用程序中免費嘗試所有這些功能npm install ag-grid-enterprise- 您只會看到控制臺錯誤和水印。

1、集成圖表

允許您直接從數(shù)據(jù)網(wǎng)格創(chuàng)建圖表。此功能是 AG Grid 獨有的，其他任何庫均不具備。

用戶可以通過動態(tài)創(chuàng)建和配置圖表：

以編程方式創(chuàng)建- 網(wǎng)格內(nèi)的任何更新都會自動（立即）反映在圖表中：

2、尋找

允許用戶在網(wǎng)格中搜索值，所有匹配項均會突出顯示并可導航，類似于^Ctrl + F瀏覽器中的工作方式：

3、高級篩選

允許在單個預先輸入中跨列輸入復雜的過濾條件，或者在分層可視化構(gòu)建器中輸入復雜的過濾條件：

4、分組

允許將單元格值相等的行分組到共享父行下。用戶可以通過將列標題拖拽到中來控制哪些行需要分組：

5、聚合

會自動計算網(wǎng)格中的組值。大多數(shù)常見計算，包括、 、 、 、 和sum，min均max開箱count即average用。您還可以提供來創(chuàng)建自己的聚合邏輯：firstlast

6、樞轉(zhuǎn)

將數(shù)據(jù)分解到其他維度，將行與列交換，反之亦然。

默認情況下，可以使用在特定列上啟用透視功能，我們還提供了，以便用戶可以通過 UI 輕松配置透視功能：

7、主/詳細信息

是指頂層表格，稱為主表格，其中包含可擴展的行。當行展開時，會顯示另一個表格，稱為詳細表格，其中包含與展開行相關的更多詳細信息。

8、樹數(shù)據(jù)

提供了一種顯示層次結(jié)構(gòu)的方法，例如帶有子類別的類別或帶有相關任務的項目。

9、Excel 導出

默認會導出當前呈現(xiàn)的網(wǎng)格，包括當前應用的排序、篩選、分組和其他配置。用戶可以通過上下文菜單觸發(fā)導出，也可以通過網(wǎng)格 API 以編程方式觸發(fā)導出：

結(jié)論

總而言之，AG Grid 集業(yè)界領先的性能、全面的功能集和可擴展的架構(gòu)于一身，能夠滿足數(shù)據(jù)驅(qū)動型應用的需求，在企業(yè)版中部署高級分析、圖表和數(shù)據(jù)透視表中，AG Grid 能夠提供一致性、可擴展性以及對行為和外觀的完全控制。

------------------------------------------------------------ 

關于慧都科技

慧都科技是一家行業(yè)數(shù)字化解決方案公司，長期專注于軟件、油氣與制造行業(yè)。公司基于深入的業(yè)務理解與管理洞察，以系統(tǒng)化的業(yè)務建模驅(qū)動技術(shù)落地，幫助企業(yè)實現(xiàn)智能化運營與長期競爭優(yōu)勢。在軟件工程領域，我們提供開發(fā)控件、研發(fā)管理、代碼開發(fā)、部署運維等軟件開發(fā)全鏈路所需的產(chǎn)品，提供正版授權(quán)采購、技術(shù)選型、個性化維保等服務，幫助客戶實現(xiàn)技術(shù)合規(guī)、降本增效與風險可控?；鄱伎萍际茿G Grid的在中國區(qū)的合作伙伴，AG Grid / AG Charts作為JavaScrip表格/圖表領域的優(yōu)秀產(chǎn)品，幫助企業(yè)實現(xiàn)輕松構(gòu)建高性能的表格及圖表。