JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<table class="tg">
  <tr>
    <th class="tg-031e">1</th>
    <th class="tg-031e">2</th>
  </tr>
  <tr>
    <td class="tg-031e">11</td>
    <td class="tg-031e">22</td>
  </tr>
</table>

CSS

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}

th{
    width: 100%;
    float: none;
}