JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1 cellpadding=4 cellspacing=0>
    
      <thead>
    
     <td width=100 align='center'> id </td>
         <td width=100 align='center'> head1 </td>
         <td width=100 align='center'> head2 </td>
         <td width=100 align='center'> head3 </td>
         <td width=100 align='center'> head4 </td>
         <td width=100 align='center'> head5 </td>
         <td width=100 align='center'> head6 </td>
         <td width=100 align='center'> head7 </td>
         <td width=100 align='center'> head8 </td>
         <td width=100 align='center'> head9 </td>
         <td width=100 align='center'> head10</td>
         <td width=100 align='center'> head11 </td>
    </thead>
     <tr>
         <td width=100 align='center'> id </td>
         <td width=100 align='center'> 1 </td>
         <td width=100 align='center'> 2 </td>
         <td width=100 align='center'> 3 </td>
         <td width=100 align='center'> 4 </td>
         <td width=100 align='center'> 5 </td>
         <td width=100 align='center'> 6 </td>
         <td width=100 align='center'> 7 </td>
         <td width=100 align='center'> 8 </td>
         <td width=100 align='center'> 9 </td>
         <td width=100 align='center'> 0 </td>
         <td width=100 align='center'> 11 </td>
      </tr>
     <tr>
         <td width=100 align='center'> id </td>
         <td width=100 align='center'> 1 </td>
         <td width=100 align='center'> 2 </td>
         <td width=100 align='center'> 3 </td>
         <td width=100 align='center'> 4 </td>
         <td width=100 align='center'> 5 </td>
         <td width=100 align='center'> 6 </td>
         <td width=100 align='center'> 7 </td>
         <td width=100 align='center'> 8 </td>
         <td width=100 align='center'> 9 </td>
         <td width=100 align='center'> 0 </td>
         <td width=100 align='center'> 11 </td>
      </tr>
     <tr>
         <td width=100 align='center'> id </td>
         <td width=100 align='center'> 1 </td>
         <td width=100...

CSS

table {
  width:100%;
 }

thead {
  width:100%;
  display:table;
}

tbody {
  overflow:auto;
  height:200px;
  display:block;
}

td {
  width:100px;
}