【JavaScript数据网格】上海道宁51component为你带来企业JS开发人员首选的数据网格——AG Grid

 

AG Grid是一个客户端

JavaScript网格

旨在与框架无关

它不依赖于任何框架

因此可以轻松地与任何框架集成

 

 

AG Grid支持具有相同API的多个框架

通过为每个框架量身定制的GUI层

获得更好的开发人员体验和性能

提供Community及Enterprise两个版本

其中Enterprise版本是完全免费地

Enterprise版本则提供

其他数据网格无法提供的功能

例如:透视、分组、集成图表等

 

 

 

开发商介绍

AG Grid是英国一家独立自主科技软件公司,由开发人员为开发人员而建立。

 

 

AG Grid目前提供两个版本地产品,分别是AG Grid Community和AG Grid Enterprise,AG Grid Community是免费和开源的,AG Grid Enterprise 提供专门的支持和更多企业风格的功能。AG Grid 免费提供其他网格工具的收费功能,而AG Grid Enterprise 提供了更多强大地功能。

 

AG Grid每月下载量超过120万次,超过80%的世界500强企业使用AG Grid Enterprise。AG Grid已成为企业JavaScript开发人员首选的JavaScript数据网格。

 

 

 

为什么选择AG Grid

01、AG Grid中的“ag”代表 AGnostic

AG Grid具有零依赖项,例如Angular或React,AG Grid甚至不使用JQuery、Underscore或LoDash。AG Grid的基础是专门为AG Grid设计的定制框架。没有依赖意味着AG Grid 可以与任何框架一起工作——AG Grid称这个框架不可知。

 

与框架无关,您可以分别选择框架和数据网格。它还减少了移动框架时所需的工作(例如,从Angular 1移动到 Angular,VueJS到React等)。

 

如果您选择了一个与框架无关的数据网格(例如使用Angular编写),那么您将被锁定在该框架中。

02、扩展到数据网格的复杂要求

几乎所有其他JavaScript数据网格都开始解决特定问题(例如过滤器和排序,或数据透视表),但随后无法扩展。这些设计不能扩展到数据网格的复杂要求。

 

AG Grid构建AG Grid是因为没有其他数据网格能够满足AG Grid的开发需求,正如AG Grid在AG Grid的历史中所解释的那样

 

AG Grid的坚固设计使其能够管理:

  • 数据网格的核心特征和;

  • 其他网格中不存在的项目,例如旋转。

03、集成

AG Grid与Angular和React等框架集成。这意味着AG Grid 不仅可以作为React或Angular组件使用,它还允许您在AG Grid中使用React和Angular进行自定义单元格渲染。

 

AG Grid不知道有任何其他网格组件允许您从网格内的任何这些框架中进行选择,同时保持不可知论。

04、专用框架GUI支持

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 体验,并针对每个框架针对特定的开发人员进行了增强。

05、企业版功能

AG Grid免费提供其他电网的收费。没有理由购买另一个数据网格。AG Grid的企业版包含超越市场上其他数据网格的功能。

 

目前几乎找不到有任何其他网格提供与AG Grid相同级别的企业功能。

 

AG Grid通常用作其他网格竞争的基线。一些竞争网格仍在开发AG Grid多年来提供的功能,例如分组、旋转、范围选择。

 

AG Grid提供了其他网格无法比拟的功能,例如AG Grid的集成图表解决方案 允许用户在无需任何开发工作的情况下直观地探索数据。

 

AG Grid将所有功能添加到一个网格中。AG Grid不会为树形布局、数据透视表或不同的框架创建单独的网格。一个网格,跨所有框架的相同功能和API。

06、开源

AG Grid 和 AG Grid-Enterprise 都是开源的——AG Grid 是免费的,AG Grid Enterprise 需要许可证。这两套代码都可以在 Github 上找到,您可以在其中查看代码并提出问题和拉取请求。开源性质允许社区为 AG Grid 团队提供建议并充当代码审查者。闭源项目没有相同的社区支持或知名度。

07、免费和商业

AG Grid有免费版和商业版。这使每个人都可以从AG Grid中受益,即使他们的预算有限。

 

商业版本为项目的发展提供资金。这保证了AG Grid项目将继续进行,同时还免费提供更好的标准JavaScript数据网格。

 

这还允许您使用免费社区版探索、评估和试验AG Grid,而无需参与销售流程,并且您的评估可以根据需要进行。

08、拓展性和灵活性

AG Grid有一个API,支持开发人员构建高级功能和扩展网格。

 

开发人员欣赏将自定义组件和样式添加到网格中的所有钩子和功能。

 

AG Grid是如此灵活,以至于有些公司和开源项目已经构建了产品来为网格创建新的主题和新的 GUI 功能,而核心网格功能保持不变。例如适应性工具

 

AG Grid的API和无依赖包意味着 AG Grid 也可作为许多 Data Vizualisation 和 ML 工具(如 R 和 Streamlit)的插件使用。

09、永远进步

AG Grid专注于集成到网格中的核心功能。AG Grid不提供组件库,因为AG Grid所有的开发工作都致力于打造更好的网格。AG Grid不想接管您的整个应用程序开发过程,AG Grid希望使您能够创建高性能和可扩展的数据网格可视化系统。

 

 

 

 

AG Grid企业级功能

01、聚合

分组时,您还可以进行聚合以获取数据的聚合值,即总和、最小值、最大值等。使用内置聚合函数或创建自己的聚合函数。

02、剪贴板

从剪贴板复制和粘贴数据。用户将能够在 Excel 中编辑数据,然后在完成后将数据复制回网格中。

03、栏目菜单

列菜单从列标题下拉。使用默认选项或提供您自己的选项。

04、上下文菜单

右键单击单元格时会出现上下文菜单。使用默认选项或提供您自己的选项。

05、Excel导出

以本机Excel格式导出,该格式将保持列宽并允许导出样式。例如,您可以为网格中的单元格着色,并在 Excel 导出中为等效的单元格着色。

06、分组行

使用分组行将数据分组到选定的维度上。您可以将数据设置为按特定列分组,或者允许用户拖放他们选择的列并动态分组。

07、主/细节

使用Master Detail扩展行并在内部有另一个包含不同列的网格。

08、项目

AG Grid有一个API,支持开发人员构建高级功能和扩展网格。

09、范围选择

将鼠标拖到单元格上以创建范围选择。这对于突出显示数据或复制到剪贴板非常方便。

 

10、设置过滤器

Set Filter的工作方式与Excel类似,提供复选框以从集合中选择值。

11、工具面板

工具面板允许用户操作列列表,例如显示和隐藏,或拖动列进行分组或旋转。

 

12、树数据

例如,一个文件夹可以包含零个或多个文件和其他文件夹。使一个或多个网格水平对齐,以便一个网格中的任何列更改都会影响另一个网格。这允许具有不同数据的两个网格保持水平同步。

 

 

集成图表

图表功能与网格深度集成。这种集成为用户提供了无缝的图表体验,同时将开发人员所需的编码降至更低。

01、范围图

范围图表为用户从网格内部创建图表提供了一种快速简便的方法。

02、数据透视图

数据透视图允许用户从网格内部绘制所有分组和透视的数据。当网格中的透视模式处于活动状态时,透视图菜单项将出现在网格的上下文菜单中。

03、交叉过滤图表 API

交叉过滤图表允许用户以简单直观的方式与数据交互。单击图表元素会自动过滤网格和其他交叉过滤图表中的值。

 

 

作者:51component技术交流原文地址:https://www.cnblogs.com/SmartBear360/p/16549795.html

%s 个评论

要回复文章请先登录注册