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 光标

相关新闻

网络协议分析实战:从数据包捕获到协议交互深度解析

网络协议分析实战:从数据包捕获到协议交互深度解析

1. 初识Wireshark:网络工程师的"听诊器"想象一下你是一名医生,面对一个咳嗽不止的病人。要找出病因,你会先用听诊器检查呼吸系统。而在网络世界中,Wireshark就是网络工程师的"听诊器"——它能让我们"听到…

2026/7/16 3:46:09阅读更多 →
活动回顾|圆满落幕!前滩端午亲子  孕期嘉年华,定格超多温情瞬间

活动回顾|圆满落幕!前滩端午亲子 孕期嘉年华,定格超多温情瞬间

2026/7/16 3:46:09阅读更多 →
ChatGPT会议记录整理:不是“复制粘贴”,而是构建可追溯、可审计、可追溯的数字会议资产(ISO 27001合规实践)

ChatGPT会议记录整理:不是“复制粘贴”,而是构建可追溯、可审计、可追溯的数字会议资产(ISO 27001合规实践)

更多请点击: https://codechina.net 第一章:ChatGPT会议记录整理:不是“复制粘贴”,而是构建可追溯、可审计、可追溯的数字会议资产(ISO 27001合规实践) 传统会议纪要常陷于“录音转文字→人工删减→邮件分…

2026/7/16 3:46:09阅读更多 →
STM32时钟树解析与配置实战指南

STM32时钟树解析与配置实战指南

1. STM32时钟树基础概念解析时钟树是STM32微控制器中最为核心的子系统之一,它如同城市的水电供应网络,为芯片内部各个功能模块提供精准的"心跳"节奏。理解时钟树的工作原理,是掌握STM32高级应用开发的必备技能。1.1 时钟源与分配架…

2026/7/16 4:51:29阅读更多 →
Ubuntu软件包管理与APT高级技巧

Ubuntu软件包管理与APT高级技巧

Ubuntu软件包管理与APT高级技巧 一、APT概述 1.1 APT是什么 APT(Advanced Package Tool)是Ubuntu和Debian系统中最核心的软件包管理工具,它提供了一套完整的软件包安装、升级、移除和管理机制。APT基于dpkg包管理系统,提供了更高层次的抽象和更友好的用户界面。 APT的核…

2026/7/16 4:51:29阅读更多 →
Ubuntu系统入门与基础配置

Ubuntu系统入门与基础配置

Ubuntu系统入门与基础配置 一、Ubuntu概述 1.1 什么是Ubuntu Ubuntu是一个基于Debian的开源Linux发行版,以其易用性、稳定性和丰富的软件生态而闻名。它由Canonical公司主导开发,每6个月发布一个新版本,每2年发布一个长期支持(LTS)版本。 Ubuntu的特点: 易用性:直观…

2026/7/16 4:51:29阅读更多 →
【Simulink】核心模块实战解析:从基础操作到交互式仪表板设计

【Simulink】核心模块实战解析:从基础操作到交互式仪表板设计

1. Simulink基础模块操作指南刚接触Simulink时,我经常被各种基础模块搞得晕头转向。经过多次项目实战,我发现掌握几个核心模块就能解决80%的建模问题。先说说最常用的Constant模块,这个模块相当于电路中的电池,可以输出固定值。在…

2026/7/16 4:51:29阅读更多 →
CSP-J网络连接模拟题解析:字符串处理与哈希映射实战

CSP-J网络连接模拟题解析:字符串处理与哈希映射实战

1. 项目概述:从一道CSP-J真题看网络连接模拟最近在带学生刷信奥(信息学奥林匹克)的历年真题,碰到了这道P7911 [CSP-J 2021] 网络连接。题目本身不算复杂,但非常经典,它把字符串处理、数据结构应用和模拟逻辑…

2026/7/16 4:51:29阅读更多 →
extuner架构设计揭秘:Python性能调优工具的实现原理

extuner架构设计揭秘:Python性能调优工具的实现原理

extuner架构设计揭秘:Python性能调优工具的实现原理 【免费下载链接】extuner A performance tuning tool 项目地址: https://gitcode.com/openeuler/extuner 前往项目官网免费下载:https://ar.openeuler.org/ar/ 想要深入了解系统性能调优工具的…

2026/7/16 4:46:29阅读更多 →
VSCode TypeScript 环境配置对比:全局安装 vs 项目本地安装的4个关键差异

VSCode TypeScript 环境配置对比:全局安装 vs 项目本地安装的4个关键差异

VSCode TypeScript 环境配置对比:全局安装 vs 项目本地安装的4个关键差异当你在VSCode中启动一个新的TypeScript项目时,第一个技术决策往往从安装方式开始。这个看似简单的选择——全局安装还是项目本地安装——实际上会深刻影响你的开发流程、团队协作和…

2026/7/15 6:42:19阅读更多 →
智慧树刷课插件:5分钟实现自动化学习的智能助手

智慧树刷课插件:5分钟实现自动化学习的智能助手

智慧树刷课插件:5分钟实现自动化学习的智能助手 【免费下载链接】zhihuishu 智慧树刷课插件,自动播放下一集、1.5倍速度、无声 项目地址: https://gitcode.com/gh_mirrors/zh/zhihuishu 智慧树刷课插件是一款专为智慧树在线教育平台设计的Chrome浏…

2026/7/15 6:12:45阅读更多 →
Steam创意工坊下载器WorkshopDL:跨平台游戏模组获取的终极解决方案

Steam创意工坊下载器WorkshopDL:跨平台游戏模组获取的终极解决方案

Steam创意工坊下载器WorkshopDL:跨平台游戏模组获取的终极解决方案 【免费下载链接】WorkshopDL WorkshopDL - The Best Steam Workshop Downloader 项目地址: https://gitcode.com/gh_mirrors/wo/WorkshopDL 你是否在GOG或Epic Games Store购买了心仪的游戏…

2026/7/15 10:54:00阅读更多 →
A--10 Codex Review与GitHub PR工作流实战指南:从代码审查到安全合并

A--10 Codex Review与GitHub PR工作流实战指南:从代码审查到安全合并

摘要:本文系统讲解如何利用Codex App的Review功能与GitHub PR工作流,实现从代码修改到安全合并的完整流程。涵盖Review面板深度使用、/review命令实战、GitHub Connector配置、PR描述撰写技巧,以及常见问题排查方法。通过多个实战案例和流程图,帮助开发者建立高效的AI辅助代…

2026/7/16 0:00:38阅读更多 →
遗传算法解5皇后问题:从Hello World到工业优化的进化实验室

遗传算法解5皇后问题:从Hello World到工业优化的进化实验室

1. 项目概述:为什么用遗传算法解5皇后问题,而不是直接回溯?我带过十几届算法课,也给不少初创团队做过AI架构咨询。每次讲到组合优化问题,学生和工程师的第一反应永远是“写个回溯试试”。这没错——55棋盘上找所有合法…

2026/7/16 0:00:38阅读更多 →
5.1V稳压管输出为何只有4.7V?工作电流与负载影响分析

5.1V稳压管输出为何只有4.7V?工作电流与负载影响分析

前几天调试一个简单的电源模块,用到了5.1V稳压管。电路接好,上电测试,万用表一量——输出居然只有4.7V。第一反应是稳压管坏了,换了一个新的,结果还是4.7V。这让我想起很多初学者都会遇到的困惑:明明标称5.…

2026/7/16 0:00:38阅读更多 →
YOLOv8推理性能优化:从1.2FPS到35FPS的全链路加速实践

YOLOv8推理性能优化:从1.2FPS到35FPS的全链路加速实践

如果你在部署 YOLOv8 时,发现推理速度只有可怜的 1-2 FPS,而别人的演示视频却能跑到 30 FPS 以上,那么问题很可能不在模型本身,而在于你的整个处理链路。很多开发者拿到一个训练好的 YOLOv8 模型后,会直接使用官方示例…

2026/7/15 15:50:47阅读更多 →
Coze与Dify对比指南:低代码AI应用开发从入门到实战

Coze与Dify对比指南:低代码AI应用开发从入门到实战

1. 从零到一:为什么你需要了解 Coze 和 Dify?如果你对 AI 应用开发感兴趣,但一看到“大模型”、“智能体”、“工作流”这些词就头疼,觉得门槛太高,那这篇文章就是为你准备的。很多开发者,包括我自己&#…

2026/7/15 8:52:38阅读更多 →
AI生图工具怎么选?2026年6月版实测对比

AI生图工具怎么选?2026年6月版实测对比

做自媒体的朋友应该都有体会:配图一直是个让人头疼的问题。2026年,AI生图工具已经非常成熟了,但工具太多反而不知道怎么选。以下是截至2026年6月我对主流AI生图工具的实测对比。Midjourney V8.1:速度之王2026年6月11日&#xff0c…

2026/7/15 14:06:23阅读更多 →