JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:100%">
<thead>
<tr>
<th>head1 col1</th>
<th>head1 col2</th>
<th>head1 col3</th>
</tr>
</thead>
<thead>
<tr>
<th>head2 col1</th>
<th>head2 col2</th>
<th>head2 col3</th>
</tr>
</thead>
  <tr>
    <td>Jill</td>
    <td>Smith</td>		
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>		
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>		
    <td>80</td>
  </tr>
    <tfoot>
    <th>foot1 col1</th>
<th>foot1 col2</th>
<th>foot1 col3</th>
    </tfoot>
    <tfoot>
    <th>foot2 col1</th>
<th>foot2 col2</th>
<th>foot2 col3</th>
    </tfoot>
</table>