JSFiddle - React, Tailwind, and code Playground
HTML
<table border="1">
<tr>
<th>
Empresa
</th>
<th>
CEO
</th>
</tr>
<tr data-href="http://www.google.com/">
<td>
Google
</td>
<td>
Larry Page
</td>
</tr>
<tr data-href="http://www.yahoo.com/">
<td>
Yahoo!
</td>
<td>
Marissa Mayer
</td>
</tr>
<tr data-href="http://www.microsoft.com/">
<td>
Microsoft
</td>
<td>
Steve Ballmer
</td>
</tr>
</table>
CSS
a,a:link,a:visited,a:active, tr:not(:first-child) {
text-decoration: none;
color: blue;
}
a:hover, tr.hover:not(:first-child) {
text-decoration: underline;
color: blue;
cursor: pointer;
}
JavaScript
$('tr').click(function() {
var link = $(this).attr('data-href');
alert(link); // fazer redirecionamento aqui (window.location.href)
}).hover(function() {
$(this).toggleClass('hover');
});