vxe-table 高级教程：实现分组多列合计与自界说统计

在现实业务中，我们常常须要对表格数据举行分组，并对每组内的数值枚举行统计，比方：按部分统计薪资总和、按脚色统计使命数目、盘算年岁匀称值等。
vxe-table 提供了强盛的聚合设置 aggregateConfig，共同列属性 aggFunc，可以轻松实现分组多列合计，而且支持为差异列定制差异的统计方式（求和、匀称值、最大值等）。
本文将带你一步步实现一个按 role（脚色）分组，并对 num 列求和、对 age 列求匀称值的示例。
步调

紧张涉及两个设置：
设置项范例分析aggregateConfig.groupFieldsArray指定按哪些字段举行分组，比方 ['role']aggregateConfig.calcValuesMethodFunction自界说统计逻辑，根据当前线和分组子行数据返回统计值列设置中的 aggFuncboolean设置为 true 表现该列须要表现合计值

代码

在 calcValuesMethod 中，我们可以根据 column.field 来判断当前正在盘算哪一列，然后对该分组下的全部子行（children）举行统计。

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

通过 aggregateConfig.groupFields + calcValuesMethod + 列属性 aggFunc，vxe-table 提供了机动的分组合计方案。你可以为差异列定制完全差异的统计逻辑，满足各种复杂的报表需求
https://vxetable.cn

免责声明：如果侵犯了您的权益，请联系站长及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金.