JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Col 1</th>
            <th>Col 2</th>
            <th>Col 3</th>
            <th>Col 4</th>
        </tr>
    </thead>
        <tr>
            <td>Content</td>
            <td>Content</td>
            <td>Content</td>
            <td><input type="checkbox"</td>
        </tr>
        <tr>
            <td>Content</td>
            <td>Content</td>
            <td>Content</td>
            <td><input type="checkbox"</td>
        </tr>
    <tbody>
    </tbody>
</table>

CSS

table {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    border-right: 1px solid black;
    text-align: center;
}