JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="column1">
            <div>
            a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>
a<br>a<br>
            
            </div>
        </td>
        <td class="column2">
            <div>
            b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>
b<br>

            </div>
        </td>
    </tr>
</table>

CSS

table {
    position: relative;
}

td {
    background: red;
    width:200px;
}

.column2>div {
    height:100%;
    overflow: auto;
    position: absolute;
    top:0;
    width:200px;
}