...
以产品内置Demo资源的“订单模型”作为数据来源，介绍树状表组件的的相关使用场景。
1、场景描述：查看各产品类别对应的产品销售情况。1、场景描述：从区域、省份、城市3个地区级别，层层深入查看不同年份的产品销售数据。
2、在仪表盘中添加一个 交叉表 树状表 组件，通过拖拽或勾选的方式将 产品类别、产品名称 区域、省份、城市 添加到 行区 ，将 订单年份 添加到 列区，将 销售量、销售额 添加到 度量区 ，效果如下图所示：
3、表格分页功能说明：
（1）表格数据默认分页显示，且每页20条数据。
（2）分页效果有两种：鼠标滚动分页、分页控件，默认使用 分页控件 效果显示。可在组件设置的属性中修改分页显示效果，设置入口及对比效果如下图所示：
（3）使用 分页控件 时，支持设置分页控件的显示位置、位置对齐方式、总行数、每页条数、页码和前往。
3 表格样式设置
在组件设置的属性中，可对交叉表进行更多的样式设置。
3.1 列宽自适应
设置交叉表的列宽是否根据组件宽度自适应显示，默认选择 自适应 。
- 自适应：列宽自动适应组件的大小。
- 不自适应：列宽为固定宽度，默认每列宽度120px，支持手动拖拽调整列的宽度。
3.2 风格
设置交叉表的表格风格类型为表格、斑马线、无边框。
...
...
...
...
...
...
3.3 颜色
只需要选择一个主颜色，即可一键配置交叉表表格的整体颜色效果。
3.4 样式
设置交叉表的列头、行头和数据区的样式，包含 默认 和 自定义 两种。
| 信息 |
|---|
如果选择 自定义 样式，则 颜色 将置灰不可设置。 |
其中 自定义 的设置项包含如下内容：
1、列头区
- 设置“度量名称”在表格上是否显示，效果如下图所示：
- 设置列头上的“菜单按钮”是否显示，效果图下图所示：
| 信息 |
|---|
若行头区和列头区同时设置了隐藏“菜单按钮”，则角头上的菜单按钮自动隐藏。 |
- 设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：
2、行头区
- 设置行头上的“菜单按钮”是否显示，效果图下图所示：
- 设置交叉表行头区域的背景色和字体样式，效果如下图所示：
3、数据区
设置交叉表列头区域的背景色、字体样式和行高，效果如下图所示：
3.5 压缩空行/空列
用于去掉表格中数据为空的行或列。
...
...
...
4 更多功能
...
3、此时可通过点击 +/- 或 
菜单图标进行展开折叠等分析操作，如下图所示：
表格菜单详细的功能说明可查看 表格分析操作。
| 锚 | ||||
|---|---|---|---|---|
|
树状表提供了展开折叠、过滤等功能，帮助用户进行多维度数据探索，深入分析数据，提升决策效率和数据洞察能力。
3.1 展开折叠
可通过点击 +/- 或 展开折叠 菜单，在树状表上实现查看不同层级数据的效果。
1、展开菜单项说明
| 菜单项 | 功能说明 | 效果 |
|---|---|---|
| 按成员展开 | 仅展开当前节点，不会影响其他节点、其他层级的展开折叠状态。 在行区时，按成员展开 和点击 + 效果一致。 | 如下图所示，分别通过 + 和 按成员展开 功能，展开了 华北、华东、河北省、山西省节点。
|
| 展开整个级别 | 当前节点所在层级的所有节点全部展开，不影响其他层级节点展开折叠状态。 | 如下图所示，在 省份 层级点击 展开整个级别 ，此时所有发货区域的省份都会被展开。
|
| 展开全部 | 所有层次的所有节点全部展开。 | 如下图所示，点击 展开全部 展开树状表行区上的所有节点。
|
2、折叠菜单项说明
| 菜单项 | 功能说明 | 效果 |
|---|---|---|
| 按成员折叠 | 仅折叠当前节点，不会影响其他节点、其他层级的展开折叠状态。 在行区时，按成员折叠 和点击 - 效果一致。 | 如下图所示，分别通过 - 和 按成员折叠 功能，展开了 河北省、华北、华东节点。
|
| 折叠整个级别 | 当前节点所在层级的所有节点全部折叠，不影响其他层级节点展开折叠状态。 | 如下图所示，在 省份 层级点击 折叠整个级别 ，此时所有发货区域的省份都会被折叠。
|
| 折叠全部 | 所有层次的所有节点全部折叠。 | 如下图所示，点击 折叠全部 展开树状表行区上的所有节点。
|
3、列区和行区维度字段上的展开和折叠功能类似，不过列区不支持显示 +/- 图标， 只能通过菜单 按成员展开/按成员折叠 ，如下图所示：
4、列区上添加了多个维度字段时，树状表上默认只显示第一个字段，可通过 按成员展开/展开整个字段/展开全部 来进行列区的多层级数据分析，如下图所示：
5、在树状表的行区中添加字段或移动调整字段位置时，发生变更的位置往上的层级展开折叠状态不变，发生变更位置的层级及所有下级层级默认为折叠状态。
比如发货区域的华北是展开，华东是折叠；省份中的河北省是展开，天津市是折叠；发货城市中的张家口是展开，石家庄是折叠；拖拽交换了发货城市和省份的位置后，发货区域中的华北和华东节点状态没变，发货城市和省份都默认变成折叠，如下图所示：
6、在树状表的行区中移除字段时，不会影响此字段上方和下方层级的展开折叠状态。
比如发货区域的华北是展开；发货城市中的张家口是展开；移除省份字段后，发货区域中的华北和发货城市中的张家口节点状态没变，如下图所示：
3.2 排序方式
使用排序功能可以将数据按某一特定规则进行排列，以便更清楚地分析数据变化趋势。
1、树状表中只支持 组内排序 ，排序入口：
2、树状表的组内排序和交叉表类似，同组的数据进行排序，如下图所示：
3、由于行头字段名称单元格对应多个字段，所以在设置排序时需要注意：
- 在行头字段名称单元格点击排序时，行区所有字段都使用按此排序类型展示。
- 在组件设置数据面板中，多字段单独设置排序时，只有所有字段都是组内升序/组内降序时，行头字段名称单元格才会显示排序图标。
3.3 过滤
在数据分析过程中，由于当下关注的重点不同，会基于当前的结果不断过滤数据，让您可以更方便地聚焦在关键数据上。过滤类型包括：只保留选中值、只保留选中路径、排除选中值、排除选中路径，保留/排除当前选择的成员值。
过滤类型 | 说明 | 效果图 | ||
|---|---|---|---|---|
| 只保留选中值 | 只保留当前选中层级的选中值。 比如右图，只保留产品类别中的海鲜，则只使用海鲜去过滤数据，在任意发货区域下的海鲜点击 只保留选中值 ，都是一样的过滤结果。 |
| ||
| 只保留选中路径 | 按照树状表的父子层级结构，保留当前选中值 比如右图，在华东下的海鲜点击 只保留选中路径 ，则过滤数据时，会带上父节点，即会使用华东+海鲜去过滤数据。 |
| ||
| 排除选中值 | 只排除当前选中层级的选中值。 比如右图，排除产品类别中的海鲜，则只使用海鲜去过滤数据，在任意发货区域下的海鲜点击 排除选中值 ，都是一样的过滤结果。 |
| ||
| 排除选中路径 | 按照树状表的父子层级结构，排除当前选中值 比如右图，在华东下的海鲜点击 排除选中路径 ，则过滤数据时，会带上父节点，即会使用华东+海鲜去过滤数据。
|
|
支持按Ctrl键选中多个同层级的维成员值，点击鼠标右键，进行过滤数据，效果如下图所示：
多选过滤数据时，不支持跨层级，比如下图中发货区域和省份属于两个层级，不支持按Ctrl键同时选中发货区域和省份中的维成员值进行多选过滤数据。
3.4 维度选择
当表格上要分析的维度不够或不符合要求时，可以使用 维度选择 功能，增加或替换维度。
- 添加维度：在当前维度字段的下方增加新的维度字段。
| 信息 |
|---|
在列区字段上添加维度时，由于列区只能通过展开操作查看下级字段数据，所以添加维度后，若想查看添加的维度数据，需在列头字段上点击 展开整个级别，详情可查看 表格分析操作。 |
- 按当前成员添加：在当前维度字段的下方增加新的维度字段，且需要按所选的成员值过滤数据。
- 替换当前维度：选择新的维度字段替换当前的维度字段。
下面以按当前成员添加为例展示维度选择的效果。
3.5 分类汇总
1、树状表组件的分类汇总，是按照每个层级独立获取指标数据，如下图所示：
比如 2527是2020年河北省当前节点的销售量，而不是石家庄+张家口+秦皇岛的总销售量，此种展示逻辑也符合不能汇总的指标数据。
2、树状表默认会显示分类汇总，支持设置取消分类汇总，在行区时，取消分类汇总只有在展开节点时才能看到效果，如下图所示：
比如在发货城市上取消分类汇总，是否显示分类汇总需要在发货城市的上级省份那里查看，此时展开的省份节点将不显示数据。
3.6 度量名称
默认情况下度量名称是显示在列区，支持拖拽度量名称调整其方式位置，实现更多分析场景。
1、度量名称放在列区的效果：
- 度量名称放在列区所有字段的最后面：
- 度量名称放在列区所有字段的最前面：
2、度量名称放在行区的效果：
- 度量名称放在行区所有字段的最后面，只有含度量字段的行才会显示具体的数据：
- 度量名称放在行区所有字段的最前面，只有含度量字段的行才会显示具体的数据：
3、度量名称只能放在行区/列区所有字段的最前面或最后面，不支持放置在这些字段中间。
3.7 更多分析操作
1、快速计算：通过快速计算功能可以在表格上一键生成各种计算数据，快速计算类型包括 排名、占比、同期、前期、时间累计。详情可参考 快速计算 。
2、移除：点击 移除 ，支持从树状表上删除该字段，和在组件设置数据面板中把字段移除的效果一致。详情可参考 移除 。
4 更多功能
- 条件格式功能详情可查看 条件格式 。
- 更多的样式设置相关功能，如列宽、风格、样式等功能，详情可查看 表格属性 。
- 更多的交互设计相关功能，如组件联动、跳转规则等功能，详情可查看 交互式仪表盘 ⬝ 交互设计。
...
5 注意事项
1、树状表不支持命名集。
