AG Grid成立于英國，致力于提供優秀的企業級數據表格及圖表解決方案。

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

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

慧都是AG Grid中國區合作伙伴，獲取產品試用或產品優惠，請登錄慧都網

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

一、基于用例的示例

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

1、性能表現

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

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

2、金融

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

3、人力資源

人力資源演示使用來顯示嵌套的組織層次結構，并使用在單元格中顯示圖像和按鈕。它還采用了扁平、現代的設計，非常適合 CRM 系統：

4、存貨

我們的最后一個例子是專注于庫存管理，使用網格來顯示庫存水平，并使用、和在網格內觸發實時更新：

二、企業功能示例

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

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

1、集成圖表

允許您直接從數據網格創建圖表。此功能是 AG Grid 獨有的，其他任何庫均不具備。

用戶可以通過動態創建和配置圖表：

以編程方式創建- 網格內的任何更新都會自動（立即）反映在圖表中：

2、尋找

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

3、高級篩選

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

4、分組

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

5、聚合

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

6、樞轉

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

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

7、主/詳細信息

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

8、樹數據

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

9、Excel 導出

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

結論

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

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

關于慧都科技

慧都科技是一家行業數字化解決方案公司，長期專注于軟件、油氣與制造行業。公司基于深入的業務理解與管理洞察，以系統化的業務建模驅動技術落地，幫助企業實現智能化運營與長期競爭優勢。在軟件工程領域，我們提供開發控件、研發管理、代碼開發、部署運維等軟件開發全鏈路所需的產品，提供正版授權采購、技術選型、個性化維保等服務，幫助客戶實現技術合規、降本增效與風險可控。慧都科技是AG Grid的在中國區的合作伙伴，AG Grid / AG Charts作為JavaScrip表格/圖表領域的優秀產品，幫助企業實現輕松構建高性能的表格及圖表。