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进行可视化。Sparklines 是一项集成图表功能，由我们的JavaScript 图表库 AG Charts提供支持：

3、人力资源

人力资源演示使用树状数据来显示嵌套的组织层次结构，并使用自定义组件在单元格中显示图像和按钮。它还采用了扁平、现代的设计，非常适合 CRM 系统：

4、存货

我们的最后一个例子是专注于库存管理，使用主/详细网格来显示库存水平，并使用外部过滤器、搜索和自定义组件在网格内触发实时更新：

二、企业功能示例

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

您可以通过运行在本地应用程序中免费尝试所有这些功能npm install ag-grid-enterprise- 您只会看到控制台错误和水印。

1、集成图表

集成图表功能允许您直接从数据网格创建图表。此功能是 AG Grid 独有的，其他任何库均不具备。

用户可以通过UI动态创建和配置图表：

图表也可以通过API以编程方式创建- 网格内的任何更新都会自动（立即）反映在图表中：

2、寻找

“查找”允许用户在网格中搜索值，所有匹配项均会突出显示并可导航，类似于^Ctrl + F浏览器中的工作方式：

3、高级筛选

高级过滤器允许在单个预先输入中跨列输入复杂的过滤条件，或者在分层可视化构建器中输入复杂的过滤条件：

4、分组

行分组允许将单元格值相等的行分组到共享父行下。用户可以通过将列标题拖拽到行组面板中来控制哪些行需要分组：

5、聚合

聚合功能会自动计算网格中的组值。大多数常见计算，包括、 、 、 、 和sum，min均max开箱count即average用。您还可以提供自定义函数来创建自己的聚合逻辑：firstlast

6、枢转

数据透视表将数据分解到其他维度，将行与列交换，反之亦然。

默认情况下，可以使用pivot={true}列选项在特定列上启用透视功能，我们还提供了透视面板，以便用户可以通过 UI 轻松配置透视功能：

7、主/详细信息

主从表格是指顶层表格，称为主表格，其中包含可扩展的行。当行展开时，会显示另一个表格，称为详细表格，其中包含与展开行相关的更多详细信息。

8、树数据

树状数据提供了一种显示层次结构的方法，例如带有子类别的类别或带有相关任务的项目。

9、Excel 导出

Excel 导出功能默认会导出当前呈现的网格，包括当前应用的排序、筛选、分组和其他配置。用户可以通过上下文菜单触发导出，也可以通过网格 API 以编程方式触发导出：

结论

总而言之，AG Grid 集业界领先的性能、全面的功能集和可扩展的架构于一身，能够满足数据驱动型应用的需求，在企业版中部署高级分析、图表和数据透视表中，AG Grid 能够提供一致性、可扩展性以及对行为和外观的完全控制。

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

关于慧都科技

慧都科技是一家行业数字化解决方案公司，长期专注于软件、油气与制造行业。公司基于深入的业务理解与管理洞察，以系统化的业务建模驱动技术落地，帮助企业实现智能化运营与长期竞争优势。在软件工程领域，我们提供开发控件、研发管理、代码开发、部署运维等软件开发全链路所需的产品，提供正版授权采购、技术选型、个性化维保等服务，帮助客户实现技术合规、降本增效与风险可控。慧都科技是AG Grid的在中国区的合作伙伴，AG Grid / AG Charts作为JavaScrip表格/图表领域的优秀产品，帮助企业实现轻松构建高性能的表格及图表。