JSFiddle - React, Tailwind, and code Playground

HTML

<table width="200" border="1">
<tr>
    <td>
        <div class="simple_div">1</div>
        <div class="simple_div">2</div>
        <div class="simple_div">3</div>
    </td>
    <td valign="top">
        
        <div class="div_100">
           <div class="simple_div">4</div>                    
            5
        </div>
        
    </td>
    <td><div class="div_100">6</div></td>
    <td><div class="div_100">7</div></td>
</tr>
</table>

CSS

.div_100 {
    width: 100%; 
    height: 100%; 
    border: 1px solid red; 
    overflow: auto;
}
.simple_div {
    width: 100%; 
    height: 25px; 
    border: 1px solid red; 
    overflow: auto;
}