JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-bordered">
    <thead>
        <tr>
            <th>Foo</th>
            <th>Bar</th>
            <th>Lols</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                something here
            </td>
            
            <td>
                whatever
            </td>
            
            <td>
                6,0% / 12% wag.
            </td>
        </tr>
    </tbody>
</table>

CSS

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0; /* reset */
    border-color: transparent;
    border-style: solid;
    border-width: 27px;
    -moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
    -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
    -o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat;
    border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 fill repeat;
}