JavaScript数据网格
AG Grid现在是世界先进的现代Javascript应用程序数据网格之一。它诞生于Angular世界,但它现在与框架完全无关——它不依赖于任何框架。AG Grid 支持 Angular、React、JavaScript 和 Vue。 为什么选择AG Grid: 支持具有相同 API 的多个框架。 为每个框架量身定制的 GUI 层,以获得更好的开发人员体验和性能。 Community Edition 完全免费,即使用于商业用途。 我们的代码是开源的,因此您可以在评估过程中查看代码。 为企业客户提供专门的支持团队。 具有其他数据网格无法提供的功能,例如透视、分组、集成图表。 功能概述 企业级功能 聚合 分组时,您还可以进行聚合以获取数据的聚合值,即总和、极小值、极大值等。使用内置聚合函数或创建自己的聚合函数。
剪贴板 从剪贴板复制和粘贴数据。用户将能够在 Excel 中编辑数据,然后在完成后将数据复制回网格中。
栏目菜单 列菜单从列标题下拉。使用默认选项或提供您自己的选项。
上下文菜单 右键单击单元格时会出现上下文菜单。使用默认选项或提供您自己的选项。
Excel导出 以本机Excel格式导出,该格式将保持列宽并允许导出样式。例如,您可以为网格中的单元格着色,并在Excel导出中为等效的单元格着色。 分组行 使用分组行将数据分组到选定的维度上。您可以将数据设置为按特定列分组,或者允许用户拖放他们选择的列并动态分组。 主/细节 使用Master Detail扩展行,并在内部有另一个包含不同列的网格。 原型 通过对数据进行透视来创建列,类似于 Excel 中的数据透视表。 范围选择 将鼠标拖到单元格上以创建范围选择。这对于突出显示数据或复制到剪贴板非常方便。 设置过滤器 Set Filter的工作方式与Excel类似,提供复选框以从集合中选择值。 状态栏 当您使用范围选择选择单元格范围时,状态栏出现在网格底部并显示聚合(总和、极小值、极大值等)。这类似于Excel中发生的情况。 工具面板 工具面板允许用户操作列列表,例如显示和隐藏,或拖动列进行分组或旋转。 树数据 使用树数据显示具有父/子关系的数据,其中父/子关系作为数据的一部分提供。例如,一个文件夹可以包含零个或多个文件和其他文件夹。 核心网格功能 可访问性 网格在单元格内具有 ARIA 角色,r于辅助功能 以启用屏幕阅读器导航。 网格对齐 使一个或多个网格水平对齐,以便一个网格中的任何列更改都会影响另一个网格。这允许具有不同数据的两个网格保持水平同步。
单元格编辑 用户可以使用单元格编辑更新数据。使用提供的单元格编辑器之一或创建自己的单元格编辑器以满足您的业务需求。
列过滤器 列过滤器出现在列菜单中。网格带有开箱即用的过滤器:文本、数字、日期和设置过滤器。您还可以创建自己的客户过滤器。 列组 列可以组合成列组。此外,您可以将组配置为可展开以显示和隐藏组内的列。
列移动 可以通过用鼠标拖动列或使用API来内联移动列。
列固定 使用列固定将一列或多列固定在左侧或右侧。固定列始终存在,不受水平滚动的影响。
列调整大小 通过拖动列标题的边缘来调整列的大小,自动填充以填充网格宽度,或通过自动调整列大小以适应其内e。
CSV导出 使用CSV 导出将数据从网格中取出并放入另一个应用程序(例如Excel)进行进一步处理。
自定义过滤器 创建您自己的自定义过滤器以匹配您自己的业务需求。
日期过滤器 日期过滤器允许使用 {equals、notEquals、lessThanOrEqual、greaterThan、greaterThanOrEqual、inRange} 过滤日期。
外部过滤器 外部过滤器允许您构建位于网格之外的过滤器。例如,您可以在网格之外为您自己的过滤器包含您自己的小部件。
键盘导航 使用键盘导航,用户可以使用光标键和Tab键在单元格之间导航。
印刷 删除网格中的所有滚动以使其准备好打印。 号码过滤器 数字过滤器允许使用 {equals, notEquals, lessThanOrEqual, greaterThan, greaterThanOrEqual, inRange} 过滤数字
分页 当您不希望用户滚动时使用分页。分页允许一次"看一页的行。
快速过滤器 快速过滤器通过简单的文本搜索同时过滤所有列,就像您过滤Gmail的方式一样。
行选择 行选择以选择行。在单击选择或复选框选择之间进行选择。选择组将选择孩子。
行排序