W3cubDocs

/DOM

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

<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:

var rows = document.getElementsByTagName('tr');

for(var x = 0, xLength = rows.length; x < xLength; x++) {

  alert('rowIndex=' + rows[x].rowIndex);

}

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support Yes Yes 1 Yes Yes Yes
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support Yes Yes Yes 4 Yes Yes Yes

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableRowElement/rowIndex