Tryit Editor v2.9

Edit This Code:
<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<p>Click on each tr element to alert the position of the rows in the thead, tbody and tfoot rows collection.</p>

<table>
  <thead>
  <tr onclick="myFunction(this)">
    <th>Click to show sectionRowIndex</th>
  </tr>
  <tr onclick="myFunction(this)">
    <th>Click to show sectionRowIndex</th>
  </tr>
  </thead>
  <tbody>
  <tr onclick="myFunction(this)">
    <td>Click to show sectionRowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show sectionRowIndex</td>
  </tr>
  </tbody>
  <tfoot>
  <tr onclick="myFunction(this)">
    <td>Click to show sectionRowIndex</td>
  </tr>
  <tr onclick="myFunction(this)">
    <td>Click to show sectionRowIndex</td>
  </tr>
  </tfoot>
</table>

<script>
function myFunction(x) {
    alert("Section row index is: " + x.sectionRowIndex);
}
</script>

</body>
</html>