JSFiddle - React, Tailwind, and code Playground

HTML

<table   style="border-collapse:collapse"><tr >
<td style="padding:0px;">
<div ID=DetDiv class="wrap" style="background-color:yellow;height:112px;width:200px;overflow-y:hidden" >
<table id="tbl1">
    
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
    <tr><td>asdsdsdd</td></tr>
</table>
</div></td>
<td style="padding:0px;">
<div id="scrlDiv" style="padding:0px;height:112px;width:22px;overflow-y: scroll">
    <div id="div-height" style="overflow-y:hidden"></div>
</div>
</td>
    </tr>
    </table>

JavaScript

$("#div-height").height(500);