【JavaScript數據網格】上海道寧51component為你帶來企業JS開發人員首選的數據網格——AG Grid

AG Grid具有零依賴項，例如Angular或React，AG Grid甚至不使用JQuery、Underscore或LoDash。AG Grid的基礎是專門為AG Grid設計的定製框架。沒有依賴意味著AG Grid 可以與任何框架一起工作——AG Grid稱這個框架不可知。

與框架無關，您可以分別選擇框架和數據網格。它還減少了移動框架時所需的工作（例如，從Angular 1移動到 Angular，VueJS到React等）。

如果您選擇了一個與框架無關的數據網格（例如使用Angular編寫），那麼您將被鎖定在該框架中。

幾乎所有其他JavaScript數據網格都開始解決特定問題（例如過濾器和排序，或數據透視表），但隨後無法擴展。這些設計不能擴展到數據網格的複雜要求。

AG Grid構建AG Grid是因為沒有其他數據網格能夠滿足AG Grid的開發需求，正如AG Grid在AG Grid的歷史中所解釋的那樣

AG Grid的堅固設計使其能夠管理：

AG Grid與Angular和React等框架集成。這意味著AG Grid 不僅可以作為React或Angular組件使用，它還允許您在AG Grid中使用React和Angular進行自定義單元格渲染。

AG Grid不知道有任何其他網格組件允許您從網格內的任何這些框架中進行選擇，同時保持不可知論。

AG Grid有一組用於主網格的核心代碼。

AG Grid為每個框架都有專用的 GUI 包，這允許AG Grid為每個框架提供相同的 Grid API 並提供更專用的框架支持。

AG Grid的 React 包完全是用 React 編寫的，因此所有用於自定義 Hook 和使用 React 開發工具的常規 React 方法都可以正常工作。網格的 GUI 元素是純 React。

AG Grid的 Angular 包是完全類型化的，並且完全支持 TypeScript，使其成為無縫的 Angular 開發人員體驗。

大多數網格選擇一個框架，或者是通用的 JavaScript，導致框架體驗效果不佳。AG Grid提供跨所有框架的核心 API 體驗，並針對每個框架針對特定的開發人員進行了增強。

AG Grid免費提供其他電網的收費。沒有理由購買另一個數據網格。AG Grid的企業版包含超越市場上其他數據網格的功能。

目前幾乎找不到有任何其他網格提供與AG Grid相同級別的企業功能。

AG Grid通常用作其他網格競爭的基線。一些競爭網格仍在開發AG Grid多年來提供的功能，例如分組、旋轉、範圍選擇。

AG Grid提供了其他網格無法比擬的功能，例如AG Grid的集成圖表解決方案 允許用戶在無需任何開發工作的情況下直觀地探索數據。

AG Grid將所有功能添加到一個網格中。AG Grid不會為樹形佈局、數據透視表或不同的框架創建單獨的網格。一個網格，跨所有框架的相同功能和API。

AG Grid 和 AG Grid-Enterprise 都是開源的——AG Grid 是免費的，AG Grid Enterprise 需要許可證。這兩套代碼都可以在 Github 上找到，您可以在其中查看代碼並提出問題和拉取請求。開源性質允許社區為 AG Grid 團隊提供建議並充當代碼審查者。閉源項目沒有相同的社區支持或知名度。

AG Grid有免費版和商業版。這使每個人都可以從AG Grid中受益，即使他們的預算有限。

商業版本為項目的發展提供資金。這保證了AG Grid項目將繼續進行，同時還免費提供更好的標準JavaScript數據網格。

這還允許您使用免費社區版探索、評估和試驗AG Grid，而無需參與銷售流程，並且您的評估可以根據需要進行。

AG Grid有一個API，支持開發人員構建高級功能和擴展網格。

開發人員欣賞將自定義組件和樣式添加到網格中的所有鉤子和功能。

AG Grid是如此靈活，以至於有些公司和開源項目已經構建了產品來為網格創建新的主題和新的 GUI 功能，而核心網格功能保持不變。例如適應性工具

AG Grid的API和無依賴包意味著 AG Grid 也可作為許多 Data Vizualisation 和 ML 工具（如 R 和 Streamlit）的插件使用。

AG Grid專註於集成到網格中的核心功能。AG Grid不提供組件庫，因為AG Grid所有的開發工作都致力於打造更好的網格。AG Grid不想接管您的整個應用程式開發過程，AG Grid希望使您能夠創建高性能和可擴展的數據網格可視化系統。

分組時，您還可以進行聚合以獲取數據的聚合值，即總和、最小值、最大值等。使用內置聚合函數或創建自己的聚合函數。

從剪貼板複製和粘貼數據。用戶將能夠在 Excel 中編輯數據，然後在完成後將數據複製回網格中。

列菜單從列標題下拉。使用預設選項或提供您自己的選項。

右鍵單擊單元格時會出現上下文菜單。使用預設選項或提供您自己的選項。

以本機Excel格式導出，該格式將保持列寬並允許導出樣式。例如，您可以為網格中的單元格著色，併在 Excel 導出中為等效的單元格著色。

使用分組行將數據分組到選定的維度上。您可以將數據設置為按特定列分組，或者允許用戶拖放他們選擇的列並動態分組。

使用Master Detail擴展行併在內部有另一個包含不同列的網格。

AG Grid有一個API，支持開發人員構建高級功能和擴展網格。

將滑鼠拖到單元格上以創建範圍選擇。這對於突出顯示數據或複製到剪貼板非常方便。

Set Filter的工作方式與Excel類似，提供覆選框以從集合中選擇值。

工具面板允許用戶操作列列表，例如顯示和隱藏，或拖動列進行分組或旋轉。

例如，一個文件夾可以包含零個或多個文件和其他文件夾。使一個或多個網格水平對齊，以便一個網格中的任何列更改都會影響另一個網格。這允許具有不同數據的兩個網格保持水平同步。

範圍圖表為用戶從網格內部創建圖表提供了一種快速簡便的方法。

數據透視圖允許用戶從網格內部繪製所有分組和透視的數據。當網格中的透視模式處於活動狀態時，透視圖菜單項將出現在網格的上下文菜單中。

交叉過濾圖表允許用戶以簡單直觀的方式與數據交互。單擊圖表元素會自動過濾網格和其他交叉過濾圖表中的值。