JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0" cellpadding="0">
   <colgroup> 
      <col style="width:10px;" /> 
      <col style="width:50px;" /> 
      <col style="width:300px;" /> 
   </colgroup> 
   <thead>
      <tr>
         <td colspan="3">text</td>
      </tr>
      <tr>
         <td>VeryVeryLongTextMoreThen10px</td>
         <td>Last</td>
         <td>Add</td>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Nao</td>
         <td>Yeh</td>
         <td>Has</td>
      </tr>
      <tr>
         <td>And</td>
         <td>Vod</td>
         <td>Far</td>
      </tr>
      <tr>
         <td>Ana</td>
         <td>Pik</td>
         <td>Ins</td>
      </tr>
   </tbody>
</table>

CSS

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