VTable使用问题：如何在列表中加入列总计信息

问题标题

如何在列表中加入列总计信息

问题描述

在列表中，希望可以显示一列的总计信息，如求和、平均等。

解决方案

VTable提供了aggregation配置，用于配置表格中的数据聚合规则和展示位置，可以在option中配置aggregation指定聚合的全局规则，也可以在每个column中配置aggregation指定该列的聚合规则。aggregation中需要配置以下属性：

• aggregationType:

  • 求和，设置aggregationType为AggregationType.SUM
  • 平均，设置aggregationType为AggregationType.AVG
  • 最大值，设置aggregationType为AggregationType.MAX
  • 最小值，设置aggregationType为AggregationType.MIN
  • 计数，设置aggregationType为AggregationType.COUNT
  • 自定义函数，设置aggregationType为AggregationType.CUSTOM，通过aggregationFun来设置自定义的聚合逻辑

• aggregationFun: aggregationType为AggregationType.CUSTOM时自定义聚合逻辑

• showOnTop: 控制聚合结果的展示位置，默认为false，即聚合结果展示在 body 的底部。如果设置为true，则聚合结果展示在 body 的顶部。

• formatFun: 设置聚合值的格式化函数，可以自定义聚合值的展示格式。

代码示例

const options = {
    //......
    columns: [
      {
        aggregation: [
          {
            aggregationType: VTable.TYPES.AggregationType.MAX,
            // showOnTop: true,
            formatFun(value) {
              return '最高薪资:' + Math.round(value) + '元';
            }
          }
        ]
      },
      // ......
    ]
};

结果展示

示例代码：www.visactor.io/vtable/demo…

相关文档

基础表格数据分析教程：www.visactor.io/vtable/guid…

相关api：www.visactor.io/vtable/opti…

github：github.com/VisActor/VT…