JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

table {
  width: 90%;
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

tr {
  width:100%;
  height: 1800px;
  display: table;
  table-layout:scroll;
  overflow: s;
}

tbody {
  height: 300px;
  display: block;
  overflow: auto;
}

div {
  height: 100%; /* Removing this hides the 'document' scrollbar*/
}

body
{
    overflow: hidden;
}