您可以为表格的行添加斑马线条纹。启用此功能时,指定的行会使用背景颜色进行着色,以此创建斑马条纹效果。

Note
在HTML输出中,表格条纹是使用CSS完成的,因此依赖于样式表提供必要的样式。Asciidoctor的默认样式表包括了表格条纹所需的必要样式。

去除属性

条纹行是通过在表格上使用`stripes`属性来控制的。stripes`属性默认为`none(隐含值),这意味着默认情况下行不会显示条纹。可以通过设置`table-stripes`文档属性来改变这个默认值。你可以通过在表格上设置stripes属性来覆盖默认值。

表格的 stripes 属性和文档的 table-stripes 属性接受以下值:

  • none` - 没有行被着色(默认)

  • even` - 偶数行被加阴影

  • odd` - 奇数行被着色

  • 所有行都被着色了

  • hover` - 鼠标悬停时所在行会被遮罩(仅限HTML)

条纹块属性

在下面的例子中,表格主体的偶数行启用了条纹样式(包含A2和B2的那一行)。

|===
[cols=2*,stripes=even]
|A1
|B1
|A2
|B2
|A3
|B3
|===

在底层实现中,stripes 属性将 CSS 类 stripes-<value>(例如,stripes-none)应用到 table 标签上。 作为一种简写方法,你可以直接使用角色将 CSS 类应用到表格中。

[.stripes-even, cols=2*]
|===
|A1
|B1
|A2
|B2
|A3
|B3
|===

表格条纹属性

如果你想要给文档中所有的表格应用条纹样式,请在文档头部设置`table-stripes`属性。你仍然可以对每个表格进行单独的设置覆盖。

= 文档标题
:table-stripes: even

[cols=2*]
|===
|A1
|B1
|A2
|B2
|A3
|B3
|===