JSFiddle - React, Tailwind, and code Playground

HTML

<table class='vrtheader'>
  <thead>
    <tr>
      <th><div>
        First
      </div></th><th>Second</th><th>Third</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
      <td>foo</td><td>foo</td><td>foo</td>
    </tr>
    <tr>
      <td>foo</td><td>foo</td><td>foo</td>
    </tr>
  </tbody>
</table>

CSS

.vrtheader th div {
  writing-mode: vertical-lr;
  min-width: 50px; /* for firefox */
}