AG Grid v36 正式发布:计算列、值显示方式、自动列生成三大核心功能上线
目录计算列Calculated Columns值显示方式Show Values As自动列生成Automatic Column Generation无障碍访问改进主题改进本次修复的缺陷其他功能更新AG Grid v36.0.0 于2026年6月24日正式发布。该版本历时半年开发核心目标在于赋予终端用户更大的数据操控自主权并降低开发者的配置负担。以下是本次版本更新的主要内容。计算列Calculated Columns基于公式表达式定义新列计算列是本次版本更新的旗舰功能。该功能允许通过公式表达式定义新列公式可包含函数、运算符及对其他列的引用且无需修改底层数据源。开发者可在初始化网格时预先配置计算列终端用户也可通过内置 UI 界面自行添加。例如在销售数据中创建利润列仅需设置公式[revenue] - [cost]即可实现。计算列具备完整列属性——行分组、树形数据、排序、筛选、文本格式化、单元格组件等所有标准列功能均可正常使用与普通列无异。启用方式constcolumnDefs[{field:revenue},{field:cost},{colId:profit,calculatedExpression:[revenue] - [cost],cellDataType:number,sortable:true,filter:true,},];AgGridReact calculatedColumns{true}columnDefs{columnDefs}/将calculatedColumns设为true即可启用。启用后终端用户自行创建计算列的入口也将同步开放。值显示方式Show Values As无需修改数据即可呈现占比关系以往在汇总分析场景中若需展示某值占列合计、行合计、总计的百分比或与父级组的差值开发者需要自行处理数据或编写额外计算逻辑。v36 的 Show Values As 功能将此能力内置化。开发者或终端用户可将聚合值显示为列合计百分比、行合计百分比、总计百分比、或父级组合计的差值/百分比无需变更数据本身也不需要编写任何额外代码。开发者可预先设定显示模式终端用户也可通过列菜单自行切换。启用方式constgridOptions{columnDefs:[// Enable Show value as option on column menu{field:label,enableShowValuesAs:true},],// other grid options ...}在对应列上设置enableShowValuesAs: true列菜单中将出现值显示方式的配置选项。该功能与客户端行模型Client-Side Row Model配合使用适用于汇总视图搭建、贡献度分析及小计分解等场景。自动列生成Automatic Column Generation根据数据集自动推断列定义在数据结构动态变化或尚不明确的场景中开发者以往需要手动解析数据并逐项编写列定义流程较为繁琐。v36 的自动列生成功能使网格能够根据所提供的数据集自动推断并生成列定义。网格将扫描rowData中的第一条非空行为每个键自动创建对应列。启用方式AgGridReact autoGenerateColumnDefs{true}rowData{rowData}/设置autoGenerateColumnDefs为true即可启用。该功能在以下两类场景中尤为适用一是数据结构动态或未知的集成场景二是快速搭建原型先由网格自动生成列定义开发者可将精力集中于业务逻辑实现。无障碍访问改进v36 在无障碍访问方面取得实质性进展屏幕阅读器现在能够正确播报固定列pinned columns的上下文信息用户在网格中导航时不再丢失列定位。该改进对 WCAG 合规性具有明确意义同时提升了数据密集型应用的可访问性。主题改进主题方面包含以下更新主题渲染性能优化响应式溢出处理改进窄布局下的表现得到改善多项自定义能力增强本次修复的缺陷除新增功能外v36.0.0 还修复了以下问题调用gridApi.setState时空筛选对象未生效显示 grandTotalRow 时异步调用api.setState()会导致合计行被隐藏React 中列自动调整大小时两个待处理的自动调整操作在行数据更新期间会导致无限循环getColumnState()在未排序列上对sortType返回undefined而非null自定义筛选器 MultiFilter 导致getStructuredSchema异常网格位于缩放父容器内时列自动调整大小计算不正确Set Filter 异步回调在网格被销毁后仍触发导致报错列选择器中复选框测试 ID 在虚拟列表滚动时丢失SSRM 下使用api.setPivotResultColumns后切换透视模式列工具面板显示 0 列enableStrictPivotColumnOrder: true在第二次进入透视模式时不重新排序透视列其他功能更新新增通过 GridAPI 暴露网格容器元素新增网格/图表版本升级工具技能skill分页配置支持对象式配置pageSize 和行汇总面板快速访问工具栏在窄布局下的溢出行为优化Set Filter 默认模式行为文档补充说明Angular 最低支持版本更新至 v20聚合函数列表排序调整为按使用频率排列网格行与列渲染改为单一滚动容器不再为固定列/行使用独立容器列调整大小时使用 col-resize 光标行调整大小时使用 row-resize 光标