JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<table border="1">
    <tbody class="scroll" style="
    width: 194px;
    height: 162px;
">
        <tr>
            <td>Testing</td>
            <td>saddas</td>
        </tr>
         <tr>
            <td>sdaasd</td>
            <td>asdsda</td>
        </tr>
        <tr>
            <td>sda23434324asd</td>
            <td>asdsda</td>
        </tr>
         <tr>
            <td>sdasdfsdfsdfdfasd</td>
            <td>asdsda</td>
        </tr>
        <tr>
            <td>sdaasd</td>
            <td>asdsda</td>
        </tr>
         <tr>
            <td>sdaasd</td>
            <td>asdsda</td>
        </tr>
        <tr>
            <td>Testing</td>
            <td>Testing</td>
        </tr>
        <tr>
            <td>sdaasd</td>
            <td>asdsda</td>
        </tr>
        <tr>
            <td>sdaasd</td>
            <td>Testing</td>
        </tr><tr>
            <td>sdaasd</td>
            <td>Testing</td>
        </tr>
        <tr>
            <td>sdaasd</td>
            <td>Testing</td>
        </tr>
    </tbody>
</table>

CSS

.scroll {
    height: 30%;
    overflow: auto;
    width: 100%;
    display:block;
}