JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>Hello, blah blah blah, 123, abc, def, run out of words!</td>
        </tr>
    </tbody>
</table>

CSS

table { width:300px; table-layout:fixed; }
table td { overflow-x:scroll; white-space:nowrap;  }
table td:first-child { width:50px; }