HTMLTableRowElement.rowIndex
The HTMLTableRowElement.rowIndex
property represents the position of a row in relation to the whole table.
Even when the thead
, tbody
, and tfoot
elements are out of order in the HTML, all main browsers (Chrome, Safari, Firefox, Internet Explorer) except Opera render the table in the right order. Therefore the rows count from thead to tbody, from tbody to tfoot. Opera will give the rowIndex value accordingly to their position within the HTML.
Example
HTML
Copy Code
<table> <thead> <tr> <th>Groceries</th> <th>Price</th> </tr> </thead> <tbody> <tr> <td>Bananas</td> <td>$2</td> </tr> <tr> <td>Oranges</td> <td>$8</td> </tr> <tr> <td>Top Sirloin</td> <td>$20</td> </tr> </tbody> <tfoot> <tr> <td>Total</td> <td>$30</td> </tr> </tfoot> </table>
Showing the rowIndex value:
JavaScript
Copy Code
var rows = document.getElementsByTagName('tr'); for(var x = 0, xLength = rows.length; x < xLength; x++) { alert('rowIndex=' + rows[x].rowIndex); }
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/htmltablerowelement/rowindex