JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table>
<tr>

<td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td>
<td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td>
</tr>
<tr>

<td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td>
<td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td><td>Foo</td>
</tr>
    </table></div>

CSS

div {max-width:100%; overflow-x:scroll; border:1px solid red;}
table {border-collapse:collapse;}
table td {border:1px solid gray;}