JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tables-wrapper">
    <div id="overflow-table">
        <table id="data-table">
            <thead>
                <tr>
                    <th></th>
                    <th>Date Required</th>
                    <th>Part</th>
                    <th>Total Reqired</th>
                    <th>Total Printed</th>
                    <th>Print Method</th>
                </tr>
            </thead>
            <tr>
                <td>Test Job
                    <br>8u30 tot 10u30</td>
                    <td>14/5</td>
                    <td>Front L/C
                        <br>Back
                        <br>Left Arm</td>
                <td>16
                        <br>16
                        <br>16</td>
                <td>Dr. X</td>
                <td>Dr. Y</td>
            </tr>
            <tr>
                <td>Ochtend
                    <br><strong>op afspraak</strong>

                </td>
                <td></td>
                <td>Dr. Y</td>
                <td></td>
                <td></td>
                <td>Dr. X</td>
            </tr>
            <tr>
                <td>Namiddag en/of avond
                    <br><strong>op afspraak</strong>

                </td>
                <td>Dr. X
                    <br>Dr. Y</td>
                <td>Dr. Z
                    <br>Dr. X</td>
                <td>Dr. Z
                    <br>Dr. Y</td>
                <td>Dr. X
                    <br>Dr. Y
                    <br>Dr. Z</td>
                <td>Dr. Y
                    <br>Dr. X</td>
            </tr>
            <tr>
                <td>Vrije raadpleging
                    <br>van 17u30 tot 19u</td>
                <td>Dr. Y</td>
                <td>Dr. Z</td>
                <td>Dr. X</td>
                <td>Dr. Y</td>
                <td>Dr. X</td>
            </tr>
        </table>
    </div>
</div>