# 表格设置 (表格类组件特有属性)

表格设置是表格类组件特有的属性设置项，用于设置表格的整体外观样式。

## Content

## 1\. 概述

### 1.1 功能概述

表格设置是表格类组件特有的属性设置项，用于设置表格的整体外观样式。本节为您介绍表格设置属性。如下图所示为透视表、数据表和KPI矩阵的表格设置属性。
![PixPin_2025-06-17_16-44-33](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-44-33.55f526.png) ![PixPin_2025-06-17_16-44-50](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-44-50.e895b4.png) ![PixPin_2025-06-17_16-44-09](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-44-09.6f8f72.png)

## 2\. 表格设置

### 2.1 高亮自定义数据

1. 透视表组件支持修改表中的数据，高亮自定义数据属性用于设置是否高亮修改后的数据。有关在透视表中如何修改数据，请参见[透视表](/solutions/wyn/help/docs/create-dashboard/visual/tables/pivot-table)中示例介绍。
    ![PixPin_2025-06-17_16-46-13](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-46-13.767e9f.png)

    | **高亮效果** | **不高亮新效果** |
    | ---- | ------ |
    | ![PixPin_2025-06-17_16-57-28](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-57-28.4e3e89.png?width=400) | ![PixPin_2025-06-17_16-58-08](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-58-08.b2de41.png?width=400) |

### 2.2 最后一层行头作为数据区

1. 设置透视表和KPI矩阵中最后一层行头是否作为数据区，如作为数据区则会跟随数据区的样式设定，不作为数据区的话则会跟随行头的样式设定。最后一层行头是指在视觉上最靠近数据区的行头。
    ![PixPin_2025-06-17_16-59-55](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_16-59-55.b3f8bf.png)

    | **最后一层行头作为数据区效果** | **最后一层行头不做为数据区效果** |
    | ------------- | -------------- |
    | ![PixPin_2025-06-17_17-02-16](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-02-16.1bf0aa.png?width=400) | ![PixPin_2025-06-17_17-01-52](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-01-52.fa5a14.png?width=400) |

### 2.3 使用交替色

1. 设置表格正文内容中是否使用交替色显示。
    ![PixPin_2025-06-17_17-03-03](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-03-03.5e0acb.png)

    | **使用交替色效果** | **不使用交替色效果** |
    | ------- | -------- |
    | ![PixPin_2025-06-17_17-04-41](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-04-41.106c84.png) | ![PixPin_2025-06-17_17-04-53](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-04-53.9a7829.png) |

### 2.4 显示行号

1. 对于数据表组件，单击开关即可添加或隐藏行号，针对行号文本和行号范围属性，请参考[仪表板表格行号](/solutions/wyn/help/docs/create-dashboard/visual/tables/row-number)。
    ![PixPin_2025-06-17_17-08-18](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-08-18.918e60.png?width=700)
2. 透视表和 KPI 矩阵表在显示数据时比数据表多了层级和分组的概念，因此关于行号也多了一些细致的设置项，如行号文本、行号显示方式、行号范围以及行号位置，详详情请参考[仪表板表格行号](/solutions/wyn/help/docs/create-dashboard/visual/tables/row-number)。
    ![PixPin_2025-06-17_17-11-31](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-11-31.c896a1.png?width=700)

### 2.5 显示列头

1. 控制在预览和运行状态时，是否显示表格类组件的列头。当实际生产环境中，经常使用开启自动滚动功能的表格作为企业信息的展示工具，此时我们不需要将列头显示出来。
    ![PixPin_2025-06-17_17-13-00](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-13-00.9ee3c5.png)

    | **显示列头** | **不显示列头** |
    | ---- | ----- |
    | ![PixPin_2025-06-17_17-14-30](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-14-30.bdf24e.png?width=400) | ![PixPin_2025-06-17_17-14-43](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-14-43.68d105.png?width=400) |

### 2.6 运行时显示快捷过滤

1. 是否开启表格类组件在运行时添加快捷过滤器的功能。开启后，表格在预览或查看状态下，可在行字段上快速添加过滤器功能。
    ![PixPin_2025-06-17_17-16-02](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-16-02.87a234.png)
2. 单击下拉箭头按钮，设置筛选条件。
    ![PixPin_2025-06-17_17-19-32](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-19-32.d7dc0b.png?width=500)
3. 查看过滤效果。
    ![PixPin_2025-06-17_17-20-04](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-20-04.bfed68.png?width=500)

### 2.7 自动列宽

1. 设置表格的列宽是以列头内容宽度为准，还是以当前列的内容宽度为准。
    ![PixPin_2025-06-17_17-20-54](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-20-54.c79eaf.png)

* **以当前列的内容宽度为准：** 即以所有内容中最宽的一个单元格为准，将所有内容都以一行显示出来。
* **以列头内容宽度为准：** 如果内容或汇总行等内容较多，则可能会折行显示（需开启折行功能）或显示不全。

    > type=info
    > **提示：** 使用自动列宽功能时，需要将表格设置和列头中的“文本折行”功能都关闭才能起效。
    > ![PixPin_2025-06-17_17-23-32](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-23-32.5a44aa.png)

### 2.8 行高

1. 设置表格行高。
    ![PixPin_2025-06-17_17-25-02](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-25-02.45f9e9.png)
    ![PixPin_2025-06-17_17-25-56](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-25-56.bee3d1.png)
2. 这里的行高其实是一个系数，实际大小是使用该系数乘以全局设置中内容字体的大小。当全局设置的内容字体大小改变时，表格的行高自动跟随变化。
    ![PixPin_2025-06-17_17-27-53](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-27-53.aec48d.png?width=700)

### 2.9 标题缩进

设置透视表树形结构下标题的缩进距离，需在表格布局属性为树形表格时起作用。

1. 表格布局是指树形结构分开显示，每一层都显示为表格的一列。
    ![PixPin_2025-06-17_17-32-03](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-32-03.ba2218.png)
2. 开启树形布局，树形布局是指树形结构紧凑显示，显示在一列中。
    ![PixPin_2025-06-17_17-32-36](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-32-36.cded86.png?width=700)
3. 修改<strong>标题缩进</strong>属性调节标题的缩进距离。
    ![PixPin_2025-06-17_17-33-57](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-33-57.3f02bf.png?width=700)

### 2.10 滚动条样式

1. 设置表格类组件是否显示滚动条。可设置为：自动、隐藏、始终可见和光标悬停可见。
    ![PixPin_2025-06-17_17-34-47](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-34-47.c7f671.png?width=700)
2. 可以进一步设置滚动条滑块和滚动条颜色。
    ![PixPin_2025-06-17_17-37-03](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-37-03.7ddd22.png?width=700)

### 2.10 文本对齐

1. 设置表格类组件内正文文本的对齐方式，支持左对齐、右对齐、居中对齐和自动对齐。
    ![PixPin_2025-06-17_17-37-37](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-37-37.864fc0.png)
    ![PixPin_2025-06-17_17-39-18](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-39-18.c7cb6b.png?width=700)

### 2.11 文本折行

1. 设置当表格内容过多显示不下时，是否折行显示。
    ![PixPin_2025-06-17_17-40-21](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-40-21.a30670.png)

### 2.12 单元格背景色

1. 设置当表格不使用交替色显示时，单元格的背景色（即**使用交替色**属性设置为**否**时生效）。
    ![PixPin_2025-06-17_17-40-48](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-40-48.ed6ad3.png)

### 2.13 字体设置

1. 对整个表格中的字体进行设置。当列头或行头进行单独设置之后，以列头和行头（不开启“最后一层行头作为数据区”属性时）的设置为准。
    ![PixPin_2025-06-17_17-42-00](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-42-00.ce241e.png)

### 2.14 单元格边框颜色

1. 设置表格边框颜色。
    ![PixPin_2025-06-17_17-42-28](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-42-28.02eac8.png)

### 2.15 样式

1. 设置表格类组件的整体样式，单击下拉按钮可展开内置的样式模板，直接选择使用。
    ![PixPin_2025-06-17_17-45-19](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-45-19.b4941a.png?width=400)
    效果如下：
    ![PixPin_2025-06-17_17-44-35](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-44-35.2cd093.png)
2. 您还可以单击最下方的<strong>添加新的样式模板</strong>来自定义样式模板。自定义样式模板时，首先为样式起一个名字，并选择一个基础样式。然后再选择具体的表元素进行设置。如需使用交替色，请打开左下角的交替色开关，设置完成后，单击确定即可保存自定义样式。
    ![PixPin_2025-06-17_17-47-56](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-47-56.6f461f.png?width=700)
3. 保存的自定义样式模板会显示在样式模板顶端，您还可以对其进行编辑或删除操作。
    ![image2020-4-28_14-41-24.png](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/470a8bbd-e525-44a5-a8a2-dc9a77e30084/80199658/image2020-4-28_14-41-24.png)

### 2.16 图片布局

1. 设置数据表绑定的图片字段的布局方式，可选择等比拉伸、原始大小和填充。
    ![PixPin_2025-06-17_17-51-21](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-51-21.e2143c.png)

### 2.17 图形颜色偏好

1. 设置KPI矩阵迷你图的颜色偏好。
    ![PixPin_2025-06-17_17-52-28](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-52-28.1b3415.png)

### 2.18 展开/折叠状态

1. 设置透视表默认预览时的状态，支持折叠所有、展开所有和自定义。
    ![PixPin_2025-06-17_17-53-56](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-53-56.90a8be.png)

* **折叠所有**效果：
    ![PixPin_2025-06-17_17-55-27](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-55-27.e61ccb.png)
* **展开所有**效果：
    ![PixPin_2025-06-17_17-55-39](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-55-39.fda9de.png)
* **自定义**是指可以自定义折叠或展开部分数据，需配合展开/折叠图标（始终显示/自动显示）。
    * 将选项选至**自定义**。然后单击透视表右上角的编辑按钮。
        ![PixPin_2025-06-17_17-57-21](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-57-21.e2f185.png)
    * 自定义数据的折叠或展开默认状态。
        ![PixPin_2025-06-17_17-58-30](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_17-58-30.ac70cb.png?width=700)

### 2.19 折叠/展开图标

1. 设置透视表中有多层数据时的折叠图标是否显示。可选择<strong>始终显示</strong>、<strong>自动显示</strong>或<strong>不显示</strong>。
    ![PixPin_2025-06-17_18-00-19](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-00-19.7a567b.png)

* **始终显示效果：**
    ![PixPin_2025-06-17_18-01-23](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-01-23.e4e892.png)
* **自动显示：** 仅当鼠标悬浮至相应位置时，才会将图标显示出来
    ![PixPin_2025-06-17_18-02-21](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-02-21.1c162b.png)
* **不显示效果：**
    ![PixPin_2025-06-17_18-03-12](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-03-12.92406f.png)

### 2.20 级联展开/折叠图标

1. 如果透视表绑定多个类别，在预览时经常会遇到折叠分类的问题。默认情况下需要折叠某个分类时，需要我们一个一个进行单击。我们将该属性打开后即可一键折叠透视表上的一个类别，而不用再一一点击。支持<strong>始终显示</strong>、<strong>不显示</strong>和<strong>自动显示</strong>。
    ![PixPin_2025-06-17_18-04-42](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-04-42.25707a.png)

* **始终显示效果：**
    ![PixPin_2025-06-17_18-12-56](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-12-56.62bfd6.png?width=700)
* 当透视表以树形布局显示数据时，仅出现一个折叠按钮。单击科展开或折叠所有子分类。
* ![PixPin_2025-06-17_18-14-21](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-14-21.8b7ffb.png?width=700)
* **自动显示：** 仅当鼠标悬浮至相应位置时，才会将图标显示出来
    ![PixPin_2025-06-17_18-06-56](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-06-56.377319.png)
* **不显示效果：**
    ![PixPin_2025-06-17_18-07-10](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-07-10.0ec65a.png)

### 2.21 表格布局

1. 设置透视表的表格布局方式，支持表格布局和树形布局，默认是表格布局。
![PixPin_2025-06-17_18-17-29](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-17-29.8ade26.png)
    | **表格布局** | **树形布局** |
    | ---- | ---- |
    | ![PixPin_2025-06-17_18-16-37](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-16-37.d90d69.png) | ![PixPin_2025-06-17_18-16-46](https://gccndocumentsitestorage.blob.core.chinacloudapi.cn/document-site-files/images/f5870867-da83-4de9-a405-f6a43930a548/PixPin_2025-06-17_18-16-46.40d7dc.png) |