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

作为全球知名的企业级数据网格控件，AG Grid 以强大的性能、灵活的 API 设计与成熟的企业组件生态而闻名，广泛应用于金融、制造、能源、电商等高数据密度行业。此次发布的 AG Grid 35 是一次重量级更新，带来了诸多提升用户交互体验与数据处理效率的全新特性，包括：单元格公式、行分组拖拽、绝对排序、列选择，以及全新的过滤与导出覆盖层。
AG Grid最新版下载，请联系AG Grid中国区伙伴慧都科技
以下为本次更新的重点内容解读。
⭐ 关键更新一览

1. Formulas（单元格公式）

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

1. // 启用公式
2. const getRowId = (params) => String(params.data.rid);
4. const columnDefs = [
5.   {
6.     field: 'subtotal',
7.     allowFormula: true
8.   },
9. ];

复制代码

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

1. const gridOptions = {
2.   formulaFuncs: {
3.     foo: {
4.       func: (params) => {
5.         return bar;
6.       },
7.     },
8.   }
9. }

复制代码

场景价值：
无需开发改动，用户即可自行创建动态计算，在财务分析、统计计算、自定义指标等场景中尤为实用。
2. Row Group Dragging（行分组拖拽）

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

1. const gridOptions = {
2.   autoGroupColumnDef: { rowDrag: true, width: 250 },
3.   suppressMoveWhenRowDragging: true,
4.   refreshAfterGroupEdit: true,
5.   rowDragManaged: true,
6.   getRowId: ({ data }) => data.id,
7. };

复制代码

适用场景：
财务报表条目调整、生产任务排序、区域账户归类等需要灵活组织数据的业务场景。
3. Absolute Sorting（绝对排序）

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

1. {
2.   field: 'rankingChange',
3.   sort: { direction: 'asc', type: 'absolute' },
4.   sortingOrder: [
5.     { direction: 'asc', type: 'absolute' },
6.     { direction: 'desc', type: 'absolute' },
7.     null,
8.   ],
9. }

复制代码

适用场景：
偏差、异常、误差、波动幅度等“大小比方向更重要”的排序需求。
4. Column Selection（列选择）

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

1. const columnDefs = [
2.   {
3.     field: 'subtotal',
4.     enableColumnSelection: true
5.   },
6. ];

复制代码

典型应用：
批量数据操作、列级图表生成、快速分析等高频场景。
5. Filtering & Export Overlays（过滤与导出覆盖层）

AG Grid 35 新增：

• 无匹配数据覆盖层（过滤结果为空时展示）
  
• 导出中覆盖层（大数据量导出时提示）
  

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

1. const gridOptions = {
2.   components: {
3.     agLoadingOverlay: CustomLoadingOverlay,
4.     agNoRowsOverlay: CustomNoRowsOverlay,
5.     agNoMatchingRowsOverlay: CustomNoMatchingRows,
6.     agExportingOverlay: CustomExportingOverlay
7.   },
8. }

复制代码

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

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

• ✔ 单元格公式：让网格具备 Excel 级计算能力
  
• ✔ 行分组拖拽：提升分组数据的组织灵活性
  
• ✔ 绝对排序：更易发现偏差、波动与异常
  
• ✔ 列选择：加速批量数据处理
  
• ✔ 全新覆盖层：提供更清晰的用户反馈
  

AG Grid最新版下载，请联系AG Grid中国区伙伴慧都科技

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！