MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    HTMLTableRowElement.rowIndex

    This article is in need of a technical review.

    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);
    
    }

    Document Tags and Contributors

    Contributors to this page: Sheppy, kscarfone, darlesson, fscholz, teoli
    Last updated by: fscholz,
    Hide Sidebar