JSFiddle - React, Tailwind, and code Playground

HTML

<div class="overflow">
    <table>
        <thead>
            <tr>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
                <th>OMG</th>
            </tr>
        </tbody>
    </table>
</div>

CSS

div.overflow {overflow-x: scroll}