JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0">
    <thead>
        <tr>
            <th colspan="2">Table Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>record 1</td>
            <td>record 2</td>
        </tr>
        <tr>
            <td>record 3</td>
            <td>record 4</td>
        </tr>
        <tr>
            <td>record 5</td>
            <td>record 6</td>
        </tr>
    </tbody>
</table>

CSS

td, th {
    padding: 5px;
    border: 1px solid;
}