JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    
    <tr  class='tr' onClick="win=window.open('http://google.com','location=no,width=400,height=200');win.focus();" >
        <td class='td'>Name1</td>
        <td class='td'>All row is link to google</td>
        <td class='td'><a href = "http://jsfiddle.net">Yahoo</a></td>
    </tr>
    
</table>

CSS

table {
    font-size: 10pt;
    border:1px solid #D8D8D8; /*grey*/
    border-collapse:collapse;
    rules:rows; 	
}

td {
      border: 1px solid #D8D8D8;;
      padding: 2px 10px;
}

tr:hover
{
    background: yellow;
    cursor: pointer;
}

JavaScript

$("tr").on("click", function(){ $(this).attr("onClick", false); });