JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <table>
    <thead>
      <tr>
        <th><div>&nbsp;</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
        <th><div>aaa</div></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
      <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
      </tr>
    </tbody>

  </table>
</div>

CSS

table {
  table-layout:fixed;
  border-collapse: collapse;
  background-color: white;
}

td,
th {
  border: 1px solid #999;
  padding: 0.25em;
  text-align: left;  
}
th div{
  width: 400px;
}