[]
        
在线Demo 免费试用
(Showing Draft Content)

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

1. 概述

1.1 功能概述

表格设置是表格类组件特有的属性设置项,用于设置表格的整体外观样式。本节为您介绍表格设置属性。如下图所示为透视表、数据表和KPI矩阵的表格设置属性。

PixPin_2025-06-17_16-44-33 PixPin_2025-06-17_16-44-50 PixPin_2025-06-17_16-44-09

2. 表格设置

2.1 高亮自定义数据

  1. 透视表组件支持修改表中的数据,高亮自定义数据属性用于设置是否高亮修改后的数据。有关在透视表中如何修改数据,请参见透视表中示例介绍。

    PixPin_2025-06-17_16-46-13

    高亮效果

    不高亮新效果

    PixPin_2025-06-17_16-57-28

    PixPin_2025-06-17_16-58-08

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

  1. 设置透视表和KPI矩阵中最后一层行头是否作为数据区,如作为数据区则会跟随数据区的样式设定,不作为数据区的话则会跟随行头的样式设定。最后一层行头是指在视觉上最靠近数据区的行头。

    PixPin_2025-06-17_16-59-55

    最后一层行头作为数据区效果

    最后一层行头不做为数据区效果

    PixPin_2025-06-17_17-02-16

    PixPin_2025-06-17_17-01-52

2.3 使用交替色

  1. 设置表格正文内容中是否使用交替色显示。

    PixPin_2025-06-17_17-03-03

    使用交替色效果

    不使用交替色效果

    PixPin_2025-06-17_17-04-41

    PixPin_2025-06-17_17-04-53

2.4 显示行号

  1. 对于数据表组件,单击开关即可添加或隐藏行号,针对行号文本和行号范围属性,请参考仪表板表格行号

    PixPin_2025-06-17_17-08-18

  2. 透视表和 KPI 矩阵表在显示数据时比数据表多了层级和分组的概念,因此关于行号也多了一些细致的设置项,如行号文本、行号显示方式、行号范围以及行号位置,详详情请参考仪表板表格行号

    PixPin_2025-06-17_17-11-31

2.5 显示列头

  1. 控制在预览和运行状态时,是否显示表格类组件的列头。当实际生产环境中,经常使用开启自动滚动功能的表格作为企业信息的展示工具,此时我们不需要将列头显示出来。

    PixPin_2025-06-17_17-13-00

    显示列头

    不显示列头

    PixPin_2025-06-17_17-14-30

    PixPin_2025-06-17_17-14-43

2.6 运行时显示快捷过滤

  1. 是否开启表格类组件在运行时添加快捷过滤器的功能。开启后,表格在预览或查看状态下,可在行字段上快速添加过滤器功能。

    PixPin_2025-06-17_17-16-02

  2. 单击下拉箭头按钮,设置筛选条件。

    PixPin_2025-06-17_17-19-32

  3. 查看过滤效果。

    PixPin_2025-06-17_17-20-04

2.7 自动列宽

  1. 设置表格的列宽是以列头内容宽度为准,还是以当前列的内容宽度为准。

    PixPin_2025-06-17_17-20-54

  • 以当前列的内容宽度为准: 即以所有内容中最宽的一个单元格为准,将所有内容都以一行显示出来。

  • 以列头内容宽度为准: 如果内容或汇总行等内容较多,则可能会折行显示(需开启折行功能)或显示不全。

    type=info

    提示: 使用自动列宽功能时,需要将表格设置和列头中的“文本折行”功能都关闭才能起效。

    PixPin_2025-06-17_17-23-32

2.8 行高

  1. 设置表格行高。

    PixPin_2025-06-17_17-25-02

    PixPin_2025-06-17_17-25-56

  2. 这里的行高其实是一个系数,实际大小是使用该系数乘以全局设置中内容字体的大小。当全局设置的内容字体大小改变时,表格的行高自动跟随变化。

    PixPin_2025-06-17_17-27-53

2.9 标题缩进

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

  1. 表格布局是指树形结构分开显示,每一层都显示为表格的一列。

    PixPin_2025-06-17_17-32-03

  2. 开启树形布局,树形布局是指树形结构紧凑显示,显示在一列中。

    PixPin_2025-06-17_17-32-36

  3. 修改标题缩进属性调节标题的缩进距离。

    PixPin_2025-06-17_17-33-57

2.10 滚动条样式

  1. 设置表格类组件是否显示滚动条。可设置为:自动、隐藏、始终可见和光标悬停可见。

    PixPin_2025-06-17_17-34-47

  2. 可以进一步设置滚动条滑块和滚动条颜色。

    PixPin_2025-06-17_17-37-03

2.10 文本对齐

  1. 设置表格类组件内正文文本的对齐方式,支持左对齐、右对齐、居中对齐和自动对齐。

    PixPin_2025-06-17_17-37-37

    PixPin_2025-06-17_17-39-18

2.11 文本折行

  1. 设置当表格内容过多显示不下时,是否折行显示。

    PixPin_2025-06-17_17-40-21

2.12 单元格背景色

  1. 设置当表格不使用交替色显示时,单元格的背景色(即使用交替色属性设置为时生效)。

    PixPin_2025-06-17_17-40-48

2.13 字体设置

  1. 对整个表格中的字体进行设置。当列头或行头进行单独设置之后,以列头和行头(不开启“最后一层行头作为数据区”属性时)的设置为准。

    PixPin_2025-06-17_17-42-00

2.14 单元格边框颜色

  1. 设置表格边框颜色。

    PixPin_2025-06-17_17-42-28

2.15 样式

  1. 设置表格类组件的整体样式,单击下拉按钮可展开内置的样式模板,直接选择使用。

    PixPin_2025-06-17_17-45-19

    效果如下:

    PixPin_2025-06-17_17-44-35

  2. 您还可以单击最下方的添加新的样式模板来自定义样式模板。自定义样式模板时,首先为样式起一个名字,并选择一个基础样式。然后再选择具体的表元素进行设置。如需使用交替色,请打开左下角的交替色开关,设置完成后,单击确定即可保存自定义样式。

    PixPin_2025-06-17_17-47-56

  3. 保存的自定义样式模板会显示在样式模板顶端,您还可以对其进行编辑或删除操作。

    image2020-4-28_14-41-24.png

2.16 图片布局

  1. 设置数据表绑定的图片字段的布局方式,可选择等比拉伸、原始大小和填充。

    PixPin_2025-06-17_17-51-21

2.17 图形颜色偏好

  1. 设置KPI矩阵迷你图的颜色偏好。

    PixPin_2025-06-17_17-52-28

2.18 展开/折叠状态

  1. 设置透视表默认预览时的状态,支持折叠所有、展开所有和自定义。

    PixPin_2025-06-17_17-53-56

  • 折叠所有效果:

    PixPin_2025-06-17_17-55-27

  • 展开所有效果:

    PixPin_2025-06-17_17-55-39

  • 自定义是指可以自定义折叠或展开部分数据,需配合展开/折叠图标(始终显示/自动显示)。

    • 将选项选至自定义。然后单击透视表右上角的编辑按钮。

      PixPin_2025-06-17_17-57-21

    • 自定义数据的折叠或展开默认状态。

      PixPin_2025-06-17_17-58-30

2.19 折叠/展开图标

  1. 设置透视表中有多层数据时的折叠图标是否显示。可选择始终显示自动显示不显示

    PixPin_2025-06-17_18-00-19

  • 始终显示效果:

    PixPin_2025-06-17_18-01-23

  • 自动显示: 仅当鼠标悬浮至相应位置时,才会将图标显示出来

    PixPin_2025-06-17_18-02-21

  • 不显示效果:

    PixPin_2025-06-17_18-03-12

2.20 级联展开/折叠图标

  1. 如果透视表绑定多个类别,在预览时经常会遇到折叠分类的问题。默认情况下需要折叠某个分类时,需要我们一个一个进行单击。我们将该属性打开后即可一键折叠透视表上的一个类别,而不用再一一点击。支持始终显示不显示自动显示

    PixPin_2025-06-17_18-04-42

  • 始终显示效果:

    PixPin_2025-06-17_18-12-56

  • 当透视表以树形布局显示数据时,仅出现一个折叠按钮。单击科展开或折叠所有子分类。

  • PixPin_2025-06-17_18-14-21

  • 自动显示: 仅当鼠标悬浮至相应位置时,才会将图标显示出来

    PixPin_2025-06-17_18-06-56

  • 不显示效果:

    PixPin_2025-06-17_18-07-10

2.21 表格布局

  1. 设置透视表的表格布局方式,支持表格布局和树形布局,默认是表格布局。

    PixPin_2025-06-17_18-17-29

    表格布局

    树形布局

    PixPin_2025-06-17_18-16-37

    PixPin_2025-06-17_18-16-46