JSFiddle - React, Tailwind, and code Playground

HTML

<table class="test">
    <thead class="testhead">
        <tr>
            <td>This is the head
            </td>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td>
                Testing
            </td>
        </tr>
    </tfoot>
    <tbody></tbody>
    <tr>
    <td></td>
    </tr>
</table>

CSS

.test{
    background: #0000ff;
    border-radius: 10px;
    width: 100px;
    height: 100px;
}

tfoot{
    background: #ff0000;
    border-radius:20px;
}