JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead><tr><th>Col1</th><th>Col2</th></tr></thead>
    
    <tbody></tbody>
    <!--<tbody><tr><td colspan="2">Test body</td></tr></tbody>-->
    
    <tfoot><tr><td colspan="2">Foot</td></tr></tfoot>
    <!--<tfoot><tr><td>Foot Col</td><td>Foot Col2</td></tr></tfoot>-->
</table>

CSS

table {
    border-collapse: collapse;
    border: 1px solid red;
}