JSFiddle - React, Tailwind, and code Playground

HTML

<h4>Tablo row link demo</h4>
<table id="tab1">
<tbody>
  <tr>
      <td>Blah Blah</td>
      <td>1234567</td>
      <td>£158,000</td>
  </tr>
  <tr>
      <td>Foo Foo</td>
      <td>98765432</td>
      <td>€199,000</td>
  </tr>
</tbody>
</table>

JavaScript

// width needed for adjusting the width of the A element
var mywidth=$('#tab1').width();

$('#tab1 tbody>tr').each(function(index){
    $(this).css('position',  'relative').css('background-color', '#f11');
    // insert the <A> element
    var myA=$('<A>');
    var td_elem = $(this).children().first();
    td_elem.append(myA);
    var myheight=td_elem.height();

    myA.css({"border":'1px solid #2dd',
            'display': 'block',
            'left': '0',
            'top': '0',
            'position':  'absolute'
        })
    .attr('href','the link here...'+$(this).children("td:eq(1)").text())
        .width(mywidth)
        .height(myheight)
        ;
    });