JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <table class="headtbl">

    <tr class="tableizer-firstrow">
      <th width="5%">District</th>
      <th width="5%">Dlr Code</th>
      <th width="20%">Dealer Name</th>
      <th width="5%">Kia CPO Volume Obj</th>
      <th width="5%">Current Standings</th>
      <th width="5%">Enrolled</th>
      <th width="5%">To Go</th>
    </tr>
  </table>
  <div class="tablearea">
    <table class="tableizer-table">
      <tr>
        <td>CE01</td>
        <td>IL001</td>
        <td>ARLINGTON KIA IN PALATINE</td>
        <td>30</td>
        <td>8</td>
        <td>yes</td>
        <td>22</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL003</td>
        <td>LIBERTY KIA</td>
        <td>30</td>
        <td>2</td>
        <td>yes</td>
        <td>28</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL035</td>
        <td>NAPLETON'S KIA OF ELMHURST</td>
        <td>32</td>
        <td>11</td>
        <td>yes</td>
        <td>21</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL036</td>
        <td>ROCK RIVER KIA</td>
        <td>30</td>
        <td>0</td>
        <td>no</td>
        <td>30</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL051</td>
        <td>RAYMOND KIA</td>
        <td>30</td>
        <td>3</td>
        <td>yes</td>
        <td>27</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL054</td>
        <td>GERALD KIA OF NAPERVILLE</td>
        <td>30</td>
        <td>16</td>
        <td>yes</td>
        <td>14</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL057</td>
        <td>GARY LANG KIA</td>
        <td>30</td>
        <td>11</td>
        <td>yes</td>
        <td>19</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL058</td>
        <td>CLASSIC KIA</td>
        <td>30</td>
        <td>2</td>
        <td>yes</td>
        <td>28</td>
      </tr>
      <tr>
        <td>CE01</td>
        <td>IL060</td>
        <td>GROSSINGER KIA</td>
       ...

CSS

table.tableizer-table {
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  width: 100%;
  height: 300px;
  overflow: scroll;
}
.tableizer-table td {
  padding: 4px;
  margin: 3px;
  border: 1px solid #ccc;
  text-align: center;
}
.tableizer-table th {
  background-color: #C61F13;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.headtbl {
  background-color: red;
}
.container {
  position: relative;
  width: 100%;
}
.tablearea {
  height: 300px;
  overflow-y: scroll;
}