我正在使用具有交替行颜色的表格.
tr.d0 td {
background-color: #CC9999;
color: black;
}
tr.d1 td {
background-color: #9999CC;
color: black;
}Run Code Online (Sandbox Code Playgroud)
<table>
<tr class="d0">
<td>One</td>
<td>one</td>
</tr>
<tr class="d1">
<td>Two</td>
<td>two</td>
</tr>
</table>Run Code Online (Sandbox Code Playgroud)
这里我使用的是类tr,但我只想用于table.当我使用表格比这个适用于tr替代.
我可以使用CSS编写这样的HTML吗?
<table class="alternate_color">
<tr><td>One</td><td>one</td></tr>
<tr><td>Two</td><td>two</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)
如何使用CSS使行具有"斑马条纹"?
是否有一种易于使用的方法来设置自定义默认kable()选项,因此无需为每次kable()调用重写它们.
例如,我通常的表样式使用以下代码:
library(kableExtra)
kable(mtcars, booktabs=TRUE, digits= 2) %>% kable_styling(latex_options =c("striped", "scale_down"))
Run Code Online (Sandbox Code Playgroud)
我想设置所有kable() kable_styling选项,以便kable(mtcars)没有参数的调用默认为我通常的表样式.
我使用技巧仅在悬停时突出显示表格列的 CSS,来自https://css-tricks.com/simple-css-row-column-highlighting/
它工作完美,但不适用于条纹表
tr:nth-of-type(odd) {
background-color: #f0f0f0;
}
Run Code Online (Sandbox Code Playgroud)
突出显示不适用于带背景的行中的上部和底部单元格。
请参阅此处的示例: http: //jsfiddle.net/615avo4v/
请帮助我在没有 JavaScript 的情况下解决这个问题。
提前致谢!