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

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

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

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

本頁(yè)重點(diǎn)介紹了一些可以使用 AG Grid 添加到應(yīng)用程序的特性和功能演示和示例代碼。

一、基于用例的示例

以下示例是圍繞特定用例/垂直領(lǐng)域設(shè)計(jì)的，包括績(jī)效、財(cái)務(wù)、人力資源和庫(kù)存管理。

1、性能表現(xiàn)

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

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

2、金融

鑒于 AG Grid 在金融領(lǐng)域的廣泛應(yīng)用，這個(gè)演示是 AG Grid 的一個(gè)常見用例。它以價(jià)格變化的形式展示了進(jìn)行可視化。Sparklines 是一項(xiàng)提供支持：

3、人力資源

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

4、存貨

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

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

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

您可以通過運(yùn)行在本地應(yīng)用程序中免費(fèi)嘗試所有這些功能npm install ag-grid-enterprise- 您只會(huì)看到控制臺(tái)錯(cuò)誤和水印。

1、集成圖表

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

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

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

2、尋找

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

3、高級(jí)篩選

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

4、分組

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

5、聚合

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

6、樞轉(zhuǎn)

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

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

7、主/詳細(xì)信息

是指頂層表格，稱為主表格，其中包含可擴(kuò)展的行。當(dāng)行展開時(shí)，會(huì)顯示另一個(gè)表格，稱為詳細(xì)表格，其中包含與展開行相關(guān)的更多詳細(xì)信息。

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

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

9、Excel 導(dǎo)出

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

結(jié)論

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

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

關(guān)于慧都科技

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