JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class="table-row" data-href="//google.com" data-target="_blank">
    <td>Google</td>
  </tr>
  <tr class="table-row" data-href="//yahoo.com" data-target="_blank">
    <td>yahoo</td>
  </tr>
  <tr class="table-row" data-href="//example.com" data-target="_blank">
    <td>example</td>
  </tr>
  <tr class="table-row" data-href="//fb.com" data-target="_blank">
    <td>Facebook</td>
  </tr>
</table>

CSS

table{
  width:100%;
}
tr.table-row{
  height:60px;
  background-color:orange;
  cursor: pointer;
}

JavaScript

$('.table-row').each(function(){
	var $th = $(this);
  $th.on('click', function(){
      window.open($th.attr('data-href'), $th.attr('data-target'));
  });
});