Link TR

by cleidimarviana

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tableSelector">
  <thead>
    <tr>
      <th>ID</th>
      <th>Actor</th>
    </tr>
  </thead>
  <tbody>
    <tr class="rows" data-href="http://google.com/1">
      <th>1</th>
      <td>Jon Snow</td>
    </tr>
    <tr class="rows"  data-href="http://google.com/2">
      <th>2</th>
      <td>Snsa Stark</td>
    </tr>
    <tr class="rows"  data-href="http://google.com/3">
      <th>3</th>
      <td>Area Stark</td>
    </tr>
    <tr class="rows"  data-href="http://google.com/4">
      <th>4</th>
      <td>Ned Stark</td>
    </tr>
  </tbody>
</table>

CSS

table tr {
    cursor: pointer;
}

JavaScript

$(".rows").click(
  function(e){
    alert($(this).data('href'));
    window.location.replace($(this).data('href'));
    return false;
  }
)