树状表

1 概述

树状表能够清晰呈现数据的层级关系，便于用户直观理解数据结构。它有助于快速识别异常、进行深入分析，并支持多维度数据探索，提升决策效率和数据洞察能力。

1.1 配图建议

行区：一个或多个维度字段；

列区：一个或多个维度字段。

度量区：一个或多个度量字段。

1.2 表格特点

适用于多层级结构的分析场景，帮助用户理解复杂的数据关系。

2 场景示例

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

1、场景描述：查看各产品类别对应的产品销售情况。

2、在仪表盘中添加一个 交叉表 组件，通过拖拽或勾选的方式将 产品类别、产品名称 添加到 行区 ，将 销售量、销售额 添加到 度量区 ，效果如下图所示：

3、表格分页功能说明：

（1）表格数据默认分页显示，且每页20条数据。

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

（3）使用 分页控件 时，支持设置分页控件的显示位置、位置对齐方式、总行数、每页条数、页码和前往。

3 表格样式设置

在组件设置的属性中，可对交叉表进行更多的样式设置。

3.1 列宽自适应

设置交叉表的列宽是否根据组件宽度自适应显示，默认选择 自适应 。

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

3.2 风格

设置交叉表的表格风格类型为表格、斑马线、无边框。

3.3 颜色

只需要选择一个主颜色，即可一键配置交叉表表格的整体颜色效果。

3.4 样式

设置交叉表的列头、行头和数据区的样式，包含 默认 和 自定义 两种。

其中 自定义 的设置项包含如下内容：

1、列头区

• 设置“度量名称”在表格上是否显示，效果如下图所示：

• 设置列头上的“菜单按钮”是否显示，效果图下图所示：

• 设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：

2、行头区

• 设置行头上的“菜单按钮”是否显示，效果图下图所示：

• 设置交叉表行头区域的背景色和字体样式，效果如下图所示：

3、数据区

设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：

3.5 压缩空行/空列

用于去掉表格中数据为空的行或列。

类型	压缩	不压缩
压缩空行
压缩空列

4 更多功能

• 更多的分析数据相关功能，如数据排序、时间计算、条件格式等功能，详情可查看 交互式仪表盘 ⬝ 分析数据 。
• 更多的交互设计相关功能，如组件联动、跳转规则等功能，详情可查看 交互式仪表盘 ⬝ 交互设计。