JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroll">
  <div class="wrapper">
    <table>
      <tbody>
        <tr><td style="height:39px;"></td></tr>
        <tr><td style="height:75px;"></td></tr>
        <tr><td style="height:111px;"></td></tr>
        <tr><td style="height:39px;"></td></tr>
      </tbody>
    </table>
  </div>
</div>

CSS

.scroll {
  background-color:white;
  overflow-y: scroll; 
  width: 300px; 
  height: 200px;
}

.wrapper {
  height: auto; 
  width: 280px; 
  padding: 10px; 
  margin: 0px;
}

table {
  width:90%; 
  margin:0px 5%; 
  border-collapse:collapse;
}

td {
  position:relative;
  border:1px solid black;
}