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

Answer 2

最小桌面样式是

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

th{
    border:2px solid #000000;
}

td{
    border:1px solid #000000;
}