2026/4/17 3:06:14
网站建设
项目流程
经销商怎么做网站,个人搭建网站,确定网站推广目标,阜阳 做网站作为全球知名的企业级数据网格控件#xff0c;AG Grid 以强大的性能、灵活的 API 设计与成熟的企业组件生态而闻名#xff0c;广泛应用于金融、制造、能源、电商等高数据密度行业。此次发布的 AG Grid 35 是一次重量级更新#xff0c;带来了诸多提升用户交互体验与数据处理效…作为全球知名的企业级数据网格控件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 新增无匹配数据覆盖层过滤结果为空时展示导出中覆盖层大数据量导出时提示并支持自定义替换默认 Overlayconst gridOptions { components: { agLoadingOverlay: CustomLoadingOverlay, agNoRowsOverlay: CustomNoRowsOverlay, agNoMatchingRowsOverlay: CustomNoMatchingRows, agExportingOverlay: CustomExportingOverlay }, }价值提升用户在操作大规模数据集时的体验反馈。总结AG Grid 35 是一次面向高交互、高分析型业务的重大增强版本亮点包括✔ 单元格公式让网格具备 Excel 级计算能力✔ 行分组拖拽提升分组数据的组织灵活性✔ 绝对排序更易发现偏差、波动与异常✔ 列选择加速批量数据处理✔ 全新覆盖层提供更清晰的用户反馈