卡片中的表控件

使用表控件可显示表数据或任何结构化信息,最好以行和列的形式显示。 表由三个独立的卡片元素组成:

  • 表行
  • 表单元格

表是表行的顶级容器。 因此,它们具有许多属性,适用于其中包含的所有表单元格和行的外观和布局。

元素属性

显示网格线 – 指定是否应显示网格线。

可见 – 显示或隐藏表。 可以是 truefalse

Spacing - 控制此控件与前一个控件之间的间距量。

Divider - 当为 true 时,在控件顶部画一条分隔线。

垂直对齐 – 定义表中所有子表的内容应如何垂直对齐。

水平对齐 – 定义表中所有子表的内容应如何水平对齐。

高度 – 指定表是应该随着数据的大小而增长(自动),还是应该增长以填充容器的高度(拉伸)。

网格样式 – 表中所有表单元格的样式提示。 允许的值:默认、强调、良好、注意、警告、主题。

Repeat for every - 用于显示此控件的多个实例的数据源。 了解如何使用 repeat for every

列属性

列数在表本身中定义。 可以在“列”选项卡中添加和删除列,其中每列都具有以下属性:

宽度 – 指定列的宽度。 如果用数字表示,宽度表示该列相对于表中其他列的权重。 如果用字符串表示,则宽度必须采用“{{number}}px”格式(例如,“50px”),并表示明确的像素数。

水平对齐 – 控制默认情况下列中所有单元格的内容如何水平对齐。 指定后,该值将覆盖表级别的设置。 如果未指定,则在表、行或单元格级别定义水平对齐。

垂直对齐 – 控制默认情况下列中所有单元格的内容如何垂直对齐。 指定后,该值将覆盖表级别的设置。 如果未指定,则在表、行或单元格级别定义垂直对齐。

表行

表卡片元素的直接子元素是表行。 它将几个表单元格水平组合在一起,并具有适用于该行中所有项目的一些属性:

可见 – 显示或隐藏元素。 可以是 truefalse

Spacing - 控制此控件与前一个控件之间的间距量。

Divider - 当为 true 时,在控件顶部画一条分隔线。

垂直对齐 – 定义行中所有单元格的内容应如何垂直对齐。

水平对齐 – 定义行中所有单元格的内容应如何水平对齐。

高度 – 指定表行是应该随着数据的大小而增长(自动),还是应该增长以填充容器的高度(拉伸)。

样式 – 该行中所有表单元格的样式提示。 允许的值:默认、强调、良好、注意、警告、主题。

对每个重复 – 用于显示多个子单元格实例的数据源。 了解如何使用 repeat for every

表单元格

表示表元素行内的单元格。 它可以包含任何独立的卡元素作为子元素,以及以下属性:

Bleed - 确定控件是否应当通过其父项填充进行加宽。

Background image - 指定背景图像。 可接受的格式包括 PNG、JPEG 和 GIF。

最小高度 – 以像素为单位指定表单元格的最小高度,如“80px”。

Spacing - 控制此控件与前一个控件之间的间距量。

Divider - 当为 true 时,在控件顶部画一条分隔线。

水平对齐 – 定义表中所有子表的内容应如何水平对齐。

垂直对齐 – 定义单元格子卡元素的内容对齐方式。

从右到左显示 – 启用时,表单元格中的内容应该从右到左显示。

高度 – 指定表单元格是应该随着数据的大小而增长(“自动”),还是应该增长以填充容器的高度(“拉伸”)。

样式 – 表单元格背景的样式提示。 允许的值:默认、强调、良好、注意、警告、主题。