JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="bordered">
        <td>foo</td>
        <td>bar</td>
        <td>baz</td>
    </tr>
    <tr>
        <td>lorem</td>
        <td>ipsum</td>
        <td>dolor</td>
    </tr>
</table>

CSS

.bordered {
    border: 1px solid #000;
    
}
td {
  padding: 1em .5em;  
}
table {
   border-collapse: collapse;
}