Unexpected table borders about org-reveal

[yjwen]

Hi, kaushalmodi,

You can specify your own table style in a .CSS file, and let org-reveal to include that .CSS into your presentation.

To include CSS file, specify the CSS files' path in #+REVEAL_EXTRA_CSS, for example:

#+REVEAL_EXTRA_CSS: ./extra.css

Then, in extra.css, specify the table cell's border by:

.reveal td {
    border: 1px solid black;
}

[kaushalmodi]

Thanks for the tip, I added the following to the extra css to get the tables look to my liking:

.reveal th {
    font-weight   : bold;
    text-align    : left;
    padding       : 0.1em 0.5em 0.1em 0.5em; /*top right bottom left */
    border-top    : 1px solid;
    border-right  : 1px solid transparent;
    border-bottom : 1px solid;
    border-left   : 1px solid transparent;
}

.reveal td {
    text-align: left;
    padding: 0.1em 0.5em 0.1em 0.5em; /*top right bottom left */
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.reveal table {
    margin: auto;
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-spacing: 0;
}