JSFiddle - React, Tailwind, and code Playground

HTML

<table width="200" border="1">
  <tr>
    <th scope="col"><span class="A">Time</span></th>
    <th scope="col"><div class="B">Name</div></th>
    <th scope="col"><span class="C">Signator</span></th>
  </tr>
  <tr style="display:table-row;">
    <td><span class="A">8:00 AM</span></td>
    <td><span class="B">Dude</span></td>
    <td><span class="C">Himself.</span></td>
  </tr>
  <tr>
    <td><span>content1</span></td>
    <td><span>content2</span></td>
    <td><span>content3</span></td>
  </tr>
</table>