[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

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

表格设置是表格类组件特有的属性设置项,用于设置表格的整体外观样式。下图以透视表属性为例截图。

image

高亮自定义数据

image2020-4-28_13-37-34.png

透视表组件支持修改表中的数据,高亮自定义数据属性用于设置是否高亮修改后的数据。

有关在透视表中如何修改数据,请参见透视表 中示例介绍。

高亮效果:

image2020-4-28_12-26-42.png

不高亮效果:

image2020-4-28_13-37-7.png

最后一层行头作为数据区

image2020-4-28_12-9-49.png

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

最后一层行头是指在视觉上最靠近数据区的行头。

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

image2020-4-28_12-15-36.png

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

image2020-4-28_12-15-57.png

使用交替色

image2020-4-28_11-14-21.png

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

使用交替色效果:

image2020-4-28_11-16-18.png

不使用交替色效果:

image2020-4-28_11-16-33.png

显示行号

对于数据表组件,单击开关即可添加或隐藏行号。

image2020-12-1_14-27-40.png

而透视表和 KPI 矩阵表在显示数据时比数据表多了层级和分组的概念,因此关于行号也多了一些细致的设置项。

如行号显示方式、行号范围以及显示位置等。详见仪表板表格行号

显示列头

image2020-9-22_15-58-18.png

控制在预览和运行状态时,是否显示表格类组件的列头。

实际生产环境中,经常使用开启自动滚动功能的表格作为企业信息的展示工具,此时我们不需要将列头显示出来。

下图为不显示列头的效果:

image2020-9-22_16-0-57.png

运行时显示快捷过滤

是否开启表格类组件在运行时添加快捷过滤器的功能。

开启后,表格在预览或运行状态下,可在行字段上快速添加过滤器功能。

单击下拉箭头按钮。

image

添加筛选器内容。

image

过滤后效果。

image

自动列宽

image2020-9-22_16-18-39.png

设置表格的列宽是以列中全部内容宽度为准,还是以列头内容宽度为准。

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

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

提示

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

image2021-1-11_10-0-18.png

行高

image2020-4-28_13-44-42.png

设置表格行高。

image2020-4-28_13-43-0.png

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

image2020-4-28_14-4-14.png

滚动条样式

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

image2020-4-28_14-11-2.png

image2020-4-28_14-8-51.png

image2020-4-28_14-11-39.pngl

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

image2021-6-2_17-28-33.png

文本对齐

image2020-4-28_14-14-12.png

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

文本折行

image2020-9-22_16-23-43.png

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

单元格背景色

image2020-9-22_16-42-30.png

设置当表格不使用交替色显示时,单元格的背景色。

字体设置

image2020-9-22_16-45-54.png

对整个表格中的字体进行设置。

当列头或行头进行单独设置之后,以列头和行头(不开启“最后一层行头作为数据区”属性时)的设置为准。

单元格边框颜色

image2020-9-22_17-13-43.png

设置表格边框颜色。

样式

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


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

image2020-4-28_14-19-15.png

效果如下:

image2020-4-28_14-19-54.png

您还可以单击最下方的添加新的样式模板来自定义样式模板。

自定义样式模板时,首先为样式起一个名字,并选择一个基础样式。然后再选择具体的表元素进行设置。如需使用交替色,请打开左下角的交替色开关。

image2020-4-28_14-35-8.png


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

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

展开/折叠状态

image

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

  • 折叠所有效果:

image

  • 展开所有效果:

image

  • 自定义是指可以自定义折叠或展开部分数据。

将选项选至自定义

然后单击透视表右上角的铅笔按钮。

image

设置数据的折叠或展开默认状态。

image

分组折叠/展开图标

image2021-9-7_17-29-53.png

用来设置透视表中有多层数据时的图标是否显示。

可选择始终显示自动显示不显示

image2021-9-7_17-28-50.png

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

透视表自动显示折叠展开图标.gif

级联分组折叠/展开图标(一键收起分类)

如果透视表绑定多个类别,在预览时经常会遇到折叠分类的问题。默认情况下需要折叠某个分类时,需要我们一个一个进行点击。

我们将该属性打开后即可一键折叠透视表上的一个类别,而不用再一一点击。支持始终显示不显示自动显示

设置为自动显示时,仅当鼠标悬浮至相应位置时,才会将折叠图标显示出来。

image2022-10-24_15-27-11.png

每一层分类的快速折叠按钮会出现在上一层分类的标题左侧,最后一层分类没有折叠按钮。

image2022-10-24_15-57-23.png

单击客户省份标的折叠按钮,效果如下:

image2022-10-24_16-4-59.png

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

image2022-10-24_16-36-21.png

折叠效果如下:

image2022-10-24_16-37-14.png

表格布局(标题缩进)

设置透视表树形结构的显示方式。

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

image2022-4-1_12-5-35.png

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

image2022-4-1_12-5-24.png

可以通过标题缩进属性调节标题的缩进。

image2022-6-23_16-17-5.png