JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<table id="fluid">
    <tr>
        <td>First</td>
        <td>Second</td>
        <td>Third</td>
        <td>Fourth</td>
    </tr>
</table>
<table id="fixed">
        <tr>
        <td>First</td>
        <td>Second</td>
        <td>Third</td>
        <td>Fourth</td>
    </tr>
</table>
</div>

CSS

#wrapper {
 overflow-x: scroll;
}
table#fluid {
    width: 100%;
    background-color: #55ff55;
}
table#fixed {
    width: 1000px;
    background-color: #5555ff;
    margin: 10px 0 0;
}
table td {
    width: 250px;
}