JSFiddle - React, Tailwind, and code Playground

by Sibi Jojhn

HTML

<table>
 <thead class="scroll-thead">
          <tr> 
           <th>Key</th>
           <th>Value</th>
          </tr> 
         </thead>
         <tbody class="scroll-tbody-y table-body">
          <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr> 
                    <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
          </tr>           <tr> 
          <td>Blah</td> 
          <td>Blah</td> 
        ...

CSS

.scroll-thead{
    width: 100%;
    display: inline-table;
}

.scroll-tbody-y
{
    display: block;
    overflow-y: scroll;
}

.table-body{
    height: 100px;
}