JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table-linked">
    <tbody>
        <tr data-href="/a"><td>a</td><td>1</td></tr>
        <tr data-href="/b"><td>b</td><td>2</td></tr>
    </tbody>
</table>

CSS

html { padding: 30px }
table { width: 100%; border: outset 1px #eee; border-collapse: separate }
td { border: inset 1px #eee; padding: 5px;  }

JavaScript

$(function() {
      $('.table-linked').each(function() {
        var table, tbody;
        table = this;
        tbody = $('tbody', this);
        tbody.children().each(function() {
          var href, row;
          row = $(this);
          href = row.attr('data-href');
          $('<a href="' + href + '" style="display: table-row-group" />').append(row).appendTo(table);
        });
        tbody.remove();
      });
    });