JSFiddle - React, Tailwind, and code Playground
HTML
<div id="main_container">
<table id="wrapper_table">
<tbody>
<tr>
<td class="cell">
<div class="wrapper">
<table>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test contenty</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test content</td>
</tr>
<tr>
<td>test content</td>
<td>test...
CSS
#main_container {
position:fixed;
top:0px;
height: 200px;
border:1px solid black;
top:30px;
}
#wrapper_table {
width:100%;
}
.wrapper {
overflow:scroll;
height:100%;
}
.cell {
height: 200px;
}
JavaScript
$(document).ready(function() {
$('#main_container').resizable({handles: 'n,e', alsoResize: '.wrapper table'});
});