html - Jekyll & KramDown - 如何显示表格边框

Question

我正在使用 Jekyll 默认的 kramdown。我有一个使用

显示的表格

surround text, etc.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

surround text...

但是表格没有边框。如何显示边框。

Answer 1

我能够通过这种方式将样式类分配给 Markdown 表。它提供了一个带有黑线边框和单元格之间边框的表格。

Markdown 示例:在文件 hello-world.md 中

| Item | Description | Price |
| --- | --- | ---: |
| item1 | item1 description | 1.00 |
| item2 | item2 description | 100.00 |
{:.mbtablestyle}

/_sass/目录下的 _base.scss 文件中的 SCSS

.mbtablestyle {
        border-collapse: collapse;

   > table, td, th {
        border: 1px solid black;
        }
}

这是 jekyll 版本 3.1.2 中的内容，该版本使用带有 IAL 的 Kramdown。 IAL 位于 { } 内，并且必须位于 markdown 文件中分配给它的 block 之前或之后，它们之间没有空行。