JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <table id="collapse">
    <thead>
        <tr>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
    </tbody>
</table>
</div>
<br>
<table id="spacing">
    <thead>
        <tr>
            <th>Test</th>
            <th>Test</th>
            <th>Test</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
                <tr>
            <td>Hupp</td>
            <td>Hupp</td>
            <td>Hupp</td>
        </tr>
    </tbody>
</table>

CSS

thead {
    -webkit-border-radius: 5px; 
    border: solid 1px black;
}

table#collapse { border: none; border-collapse: collapse; }
td { border: solid 1px black; }