为 Jekyll 指定 table 列样式

Question

我正在使用 Jekyll 构建静态网站 Bootstrap。我知道如何为整个 table 指定样式（见下文）

{: .table .table-striped}
| Name  | Roles | User ID |
| ----- | ----- | ------- | 
| Micky | CEO   | micky   |
| Tom   | CTO   | tom     |

但我没有找到为每一列指定样式的方法 class。我想为每一列添加 class col-md-4。如何做到这一点？

Answer 1

简而言之，Jekyll 无法将 class 添加到列中，因为 HTML 中没有 "column" 的概念。虽然行包含在 <tr> 元素中，但向每一列添加 class 将需要将其添加到 header 单元格......以及第一行中的单元格......和第二行......等等在。

最简单的做法是调整您的样式表，使这个特定 table 中的单元格与 col-md-4 一样宽。

例如，如果你给这个 table class of md-4-table，你可以调整你的 bootstrap CSS 说：

.col-md-4,
.md-4-table th, .md-4-table td,
... {
    /* whatever bootstrap actually puts in here */
}

Answer 2

您始终可以恢复为在您的 Markdown 中（之间）编写普通的 HTML。万事无解的终极解决方案。

Specify table column styling for Jekyll