Jekyll & KramDown - How to Display Table Border
I was able to assign a style class to a markdown table this way. It gives a table with a black line border and border between the cells.
Markdown example: In file hello-world.md
| Item | Description | Price |
| --- | --- | ---: |
| item1 | item1 description | 1.00 |
| item2 | item2 description | 100.00 |
{:.mbtablestyle}
SCSS in _base.scss file in /_sass/ directory
.mbtablestyle {
border-collapse: collapse;
> table, td, th {
border: 1px solid black;
}
}
This was in jekyll version 3.1.2 which uses Kramdown with an IAL. The IAL is inside { } and must be right before or right after the block it is assigned to in the markdown file, no blank lines between them.
Minimum table styling is
table{
border-collapse: collapse;
border-spacing: 0;
border:2px solid #ff0000;
}
th{
border:2px solid #000000;
}
td{
border:1px solid #000000;
}