JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
  <thead>
    <tr>
      <th>Header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
          <a id="anchor" href="#"><span class="linkfill"></span>Link</a>
      </td>
    </tr>
  </tbody>
</table>

CSS

#anchor {
    background: yellow;
    display: block;
}
.linkfill {
    position: absolute;
    width: 100%;
    height: 100%;
}