页面树结构
转至元数据结尾
转至元数据起始

1 概述

汇总表是一种将数据按照一定规则进行分类和汇总的基础报表,它通过对原始数据进行计算、整理和组织,将复杂的数据变得简洁明了,便于人们理解和分析。

1.1 配图建议

列区:一个或多个维度/度量。

1.2 表格特点

汇总表数据简洁明了,便于人们理解和分析。

2 场景示例

以产品内置Demo资源的“订单模型”作为数据来源,介绍汇总表组件的的相关使用场景。

2.1 汇总表效果

1、场景描述:查看各发货区域各产品类别的销售量情况。

2、在仪表盘中添加一个 汇总表 组件,通过拖拽或勾选的方式将 发货区域 、 产品类别 和 销售量 添加到 列区 。

3、表格分页功能说明:

(1)表格数据默认分页显示,且每页20条数据。

(2)分页效果有两种:鼠标滚动分页、分页控件,默认使用 分页控件 效果显示。可在组件设置的属性中修改分页显示效果,设置入口及对比效果如下图所示:

(3)使用 鼠标滚动分页 时,支持设置是否自动滚动。

(4)使用 分页控件 时,支持设置分页控件的显示位置、对齐方式、总行数、每页条数、页码和前往。

2.2 显示序号效果

序号不支持导出,只是前端展示。

1、场景描述:查看各发货区域各产品类别的销售量情况,并添加序号可以明确现在看到哪一行,后续在对应行数继续接着看。

2、操作步骤

(1)在仪表盘中添加一个 汇总表 组件,通过拖拽或勾选的方式将 发货区域 产品类别 和 销售量 添加到 列区 。

(2)在 组件设置 > 属性 > 基础 中设置 显示序号 显示 ,在表格自动生成一列”序号“,如下图所示:

(3)翻页时序号会累加,效果如下图所示:

3 表格样式设置

在组件设置的属性中,可对汇总表进行更多的样式设置。

3.1 风格

说明

设置汇总表的表格风格类型,有表格、斑马线、无边框三种风格

效果

3.2 颜色

说明

只需要选择一个主颜色,即可一键配置汇总表表格的整体颜色效果。

效果

3.3 样式

说明

设置列头区、数据区的样式,包含 默认  自定义 两种

效果1:菜单按钮

样式选择“自定义”,可针对表格的列头区和数据区分别设置是否显示菜单按钮,如下图所示:

  • 数据区的菜单按钮只会在非度量数据的单元格中显示。

效果2:内容换行

样式选择“自定义”,可针对表格的列头区和数据区分别设置内容是否换行,如下图所示:


效果3:表格样式效果

样式选择“自定义”,表格样式其余配置如下:

  • 设置列头区的背景色为“#BD10E0”;字号为“16px”,字体为“加粗”、“左对齐”;行高为“30px”
  • 设置数据区的字号为”14px“,字体颜色为“#4A4A4A”;高亮行背景色为“#7ED321”;奇数行背景色为“#E3BFEB”;偶数行背景色为“#CE82DE”。

3.4 列宽

说明

设置汇总表的列宽是否根据组件宽度自适应显示,默认选择 自适应 

  • 自适应:列宽自动适应组件的大小。
  • 不自适应:列宽为固定宽度,默认每列宽度120px,支持手动拖拽调整列的宽度。

效果

4 更多功能

  • 无标签