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