JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0" style="width: 400px;">
   <thead>
      <tr>
         <td colspan="3">text</td>
      </tr>
      <tr>
         <td style="width:50px;">FirstName</td>
         <td style="width:50px;">LastName</td>
         <td style="width:300px;">Address</td>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Naor</td>
         <td>Yehudaey</td>
         <td>Hashofar 27</td>
      </tr>
      <tr>
         <td>Andrey</td>
         <td>Vod</td>
         <td>Far far away</td>
      </tr>
      <tr>
         <td>Anastasia</td>
         <td>Pikugro</td>
         <td>Inside</td>
      </tr>
   </tbody>
   <tfoot>
      <tr>
         <td colspan="3">
            <a href="javascript:void(0)">1</a>
            <a href="javascript:void(0)">2</a>
         </td>
      </tr>
   </tfoot>
</table>

CSS

table { table-layout: fixed !important; border-style:solid; }
td { border-style:solid; }