JSFiddle - React, Tailwind, and code Playground

HTML

<table>
      <thead>
        <tr>
          <th id="col1">Status</th>
          <th id="col2">Bob</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td headers="col1" class="foo">
            <p>&nbsp;</p>
          </td>
          <td headers="col2">
            Lorem Ipsum
          </td>
        </tr>
      </tbody>
    <table>

CSS

.foo{position:relative;}
      .foo>p{position:absolute;width:16px;height:16px;background-color:#000;top:0;left:0;}

td,th{border:1px solid #000;padding:5px;}