内容行:响应表

响应式表允许最多五列的表在其设计中是“响应式”的。换句话说,表格布局会根据屏幕大小系统地改变。

table example

形式

section标题为整个表提供了一个标题<heading 1>。

table form

在“表头”部分,可以添加和重新排列多个列头-最多允许五个列。最后,添加带有Column字段的Table Rows,用于表示行中每列的内容。

要添加行或列,请选择绿色(+)。要删除一行或列,请选择红色(x)。可以通过选择箭头重新排列行和列。

列的数据字段可以是超链接。

table link

 

最佳实践

  • 表头必须匹配每行中的列数。如果有3个表头,那么每行应该有3列。
  • 制作多个小表要比制作一个大表容易。
  • 表格是用于数据的,而不是用于设计或布局的。
  • 保持数据字段简洁。

响应表<h1>的标题

列标头1 列头2 列头3
第一行,第一列 第一行,第二列 第二行,第三列
第二行,第一列 第二行,第二列 第二行,第三列