JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
<tr>
      <td>MARCH</td>
      <td>$90</td>
    </tr><tr>
      <td>April</td>
      <td>$150</td>
    </tr><tr>
      <td>June</td>
      <td>$560</td>
    </tr><tr>
      <td>July</td>
      <td>$80,000</td>
    </tr><tr>
      <td>August</td>
      <td>-55655646</td>
    </tr>
  </tbody><tfoot>
    <tr>
      <td>Sum</td>
      <td>NA,In Debt</td>
    </tr>
  </tfoot>
  
</table>

CSS

thead {
    display:block;
    color:green
}
tbody {
    color:blue;
    height:5em;
    display:block;
    overflow-y:auto;
}
tfoot{
    display:block;
    color:red
}

th{
width:80px;
}
td{
 width:80px;   
}