JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>
                one head
            </th>
            <th>
                two head
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                one body
            </td>
            <td>
                two body
            </td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>
                one body
            </td>
            <td>
                two body
            </td>
        </tr>
    </tbody>
</table>

CSS

td, th {
    border: 1px solid gray;
}

table {
    position: fixed;
    width: 100%;
}

tbody {
    /*display: block;*/
    display: table-row-group;
    -moz-box-shadow: 0 0 4px #444;
    -webkit-box-shadow: 0 0 4px #444;
    box-shadow: 0 0 4px #444;
}