JSFiddle - React, Tailwind, and code Playground
HTML
<div class="caja">
<table border="1">
<tr>
<th>
Title
</th>
<th>
Title
</th>
<th>
Title
</th>
<th>
Title
</th>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
</td>
<td>
ipsum
</td>
</tr>
<tr>
<td>
Lorem
</td>
<td>
ipsum
</td>
<td>
Lorem
...
CSS
.caja {
height: 400px;
overflow: scroll;
}