Search code examples
htmlcssmarkdownjekyllkramdown

Jekyll & KramDown - How to Display Table Border

I am using Jekyll default kramdown. I have a table showed using 

surround text, etc.

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

surround text...

But the table does not have border. How to show the border.

Solution

  • 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;
}