JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <table>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
      <tr>
        <td>Cell #1</td>
        <td>Cell #2</td>
        <td>Cell #3</td>
        <td>Cell #4</td>
        <td>Cell #5</td>
      </tr>
    </table>
  </div>

CSS

div {
    overflow-y:auto;
    height:100px
}