JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <fieldset>
        <div>
            Some other elements above
        </div>
        <div class="parent">
            <table>
                <tbody>
                    <tr>
                        <th>ID</th>
                        <th>Date</th>
                        <th>Event</th>
                     </tr>
                    <tr>
                        <td><input type="text"/></td>
                        <td><input type="text"/></td>
                        <td><input type="text"/></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div>
            Some other elements below
        </div>
    </fieldset>
</form>

CSS

input { width: 500px }
.parent {
    overflow-x: auto;
    background: green;
}