news 2026/5/1 7:13:33

高性能表格组件AG Grid 35 全新发布:支持单元格公式、分组拖拽、绝对排序、列选择等

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
高性能表格组件AG Grid 35 全新发布:支持单元格公式、分组拖拽、绝对排序、列选择等

作为全球知名的企业级数据网格控件,AG Grid以强大的性能、灵活的 API 设计与成熟的企业组件生态而闻名,广泛应用于金融、制造、能源、电商等高数据密度行业。此次发布的AG Grid 35是一次重量级更新,带来了诸多提升用户交互体验与数据处理效率的全新特性,包括:单元格公式、行分组拖拽、绝对排序、列选择,以及全新的过滤与导出覆盖层。

AG Grid最新版下载

以下为本次更新的重点内容解读。


关键更新一览

1. Formulas(单元格公式)

AG Grid35 支持在网格单元格内直接输入类似 Excel 的公式,用户可引用单元格、使用函数和运算符,自由生成自定义计算逻辑。

// 启用公式 const getRowId = (params) => String(params.data.rid); const columnDefs = [ { field: 'subtotal', allowFormula: true }, ];

如内置函数无法满足需求,还可通过formulaFuncs自定义公式函数:

const gridOptions = { formulaFuncs: { foo: { func: (params) => { return bar; }, }, } }

场景价值:

无需开发改动,用户即可自行创建动态计算,在财务分析、统计计算、自定义指标等场景中尤为实用。


2. Row Group Dragging(行分组拖拽)

行拖拽能力升级,可在分组内或跨分组拖动数据行,网格会自动处理对应的数据更新。

const gridOptions = { autoGroupColumnDef: { rowDrag: true, width: 250 }, suppressMoveWhenRowDragging: true, refreshAfterGroupEdit: true, rowDragManaged: true, getRowId: ({ data }) => data.id, };

适用场景:

财务报表条目调整、生产任务排序、区域账户归类等需要灵活组织数据的业务场景。


3. Absolute Sorting(绝对排序)

绝对排序按数值“绝对值大小”进行排序,不区分正负。

{ field: 'rankingChange', sort: { direction: 'asc', type: 'absolute' }, sortingOrder: [ { direction: 'asc', type: 'absolute' }, { direction: 'desc', type: 'absolute' }, null, ], }

适用场景:

偏差、异常、误差、波动幅度等“大小比方向更重要”的排序需求。


4. Column Selection(列选择)

用户可通过点击列头或按键操作,直接选择整列;同时支持 ctrl/shift 多列选择。

const columnDefs = [ { field: 'subtotal', enableColumnSelection: true }, ];

典型应用:

批量数据操作、列级图表生成、快速分析等高频场景。


5. Filtering & Export Overlays(过滤与导出覆盖层)

AG Grid 35 新增:

  • 无匹配数据覆盖层(过滤结果为空时展示)

  • 导出中覆盖层(大数据量导出时提示)

并支持自定义替换默认 Overlay:

const gridOptions = { components: { agLoadingOverlay: CustomLoadingOverlay, agNoRowsOverlay: CustomNoRowsOverlay, agNoMatchingRowsOverlay: CustomNoMatchingRows, agExportingOverlay: CustomExportingOverlay }, }

价值:

提升用户在操作大规模数据集时的体验反馈。


总结

AG Grid 35 是一次面向高交互、高分析型业务的重大增强版本,亮点包括:

  • ✔ 单元格公式:让网格具备 Excel 级计算能力

  • ✔ 行分组拖拽:提升分组数据的组织灵活性

  • ✔ 绝对排序:更易发现偏差、波动与异常

  • ✔ 列选择:加速批量数据处理

  • ✔ 全新覆盖层:提供更清晰的用户反馈

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/17 16:29:02

中山SEO:AI时代的“人机协作”新模式

随着AI技术的飞速发展,中山SEO行业正面临着巨大的变革。AI不仅能够提升工作效率,还能够通过智能化的数据分析和内容生成,帮助企业提升在搜索引擎中的排名。然而,AI并非万能,仍然存在无法替代人工干预的局限性&#xff…

作者头像 李华
网站建设 2026/4/29 18:54:43

云数据查询终极指南:5分钟构建多云资产清单

想要快速掌握云数据查询的核心技能?CloudQuery作为基于GraphQL的数据查询引擎,能够将SQL查询转换为GraphQL查询,帮助您轻松构建完整的云资产清单。无论您是新手还是经验丰富的云工程师,这个开源项目都能为您的多云环境管理带来革命…

作者头像 李华
网站建设 2026/4/23 14:11:06

ZCC1004E-120V 3A 零功耗使能异步降压电源芯片

**概述ZCC1004E是一款支持宽电压输入的开关降压型 DC-DC 控制器,最高输入电压 120V。具有低待机功耗、高效率、低纹波、优异的母线电压调整率和负载调整率等特性。内置150V 60mΩ功率管支持3A电流输出 可通过设置 FB 引脚的分压电阻可设置输出恒压值。 采用固定频率…

作者头像 李华
网站建设 2026/5/1 2:44:02

深入探索C++数据结构与算法精要

深入探索C数据结构与算法精要 【免费下载链接】数据结构和算法分析C版第三版分享 数据结构和算法分析 C版 第三版欢迎来到《数据结构和算法分析 C版》第三版资源页面 项目地址: https://gitcode.com/Open-source-documentation-tutorial/ad4b6 在计算机科学领域&#xf…

作者头像 李华
网站建设 2026/5/1 6:48:25

Dify混合检索配置避坑指南,90%团队忽略的3个关键参数

第一章:混合检索策略的 Dify 配置优化在构建智能问答系统时,Dify 平台提供了灵活的检索增强生成(RAG)能力,其中混合检索策略是提升召回准确率的关键。通过结合关键词检索与向量语义检索,系统能够在保证相关…

作者头像 李华