Jekyll & KramDown - 如何显示 Table 边框

Question

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

显示

surround text, etc.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | 00 |
| col 2 is      | centered      |    |
| zebra stripes | are neat      |     |

surround text...

但是table没有边框。如何显示边框。

Answer 1

最小 table 样式为

table{
    border-collapse: collapse;
    border-spacing: 0;
    border:2px solid #ff0000;
}

th{
    border:2px solid #000000;
}

td{
    border:1px solid #000000;
}

Answer 2

我可以通过这种方式将样式 class 分配给降价 table。它给出了一个 table 带有黑线边框和单元格之间的边框。

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 中使用 Kramdown 和 IAL。 IAL 在 { } 里面，并且必须在 markdown 文件中分配给它的块之前或之后，它们之间没有空行。

Answer 3

我设法做了这样的事情：

{:class="table table-bordered"}
| Tex Space     | Blue Space        | Lambda            |
|-------------- |----------------   |------------------ |
| sXYZ          | sBlue             | sXYZ abcde fghy   |
| Jaobe XTZ     | Blue Game 5.2     | 5.2               |

KramDown 使用了 Table / Table 的 CSS 边框（例如它在 Bootstrap 中定义）。

Answer 4

我刚刚做了

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

Jekyll & KramDown - 如何显示 Table 边框

Jekyll & KramDown - How to Display Table Border

html

css

markdown

jekyll

kramdown