HTMLTableCellElement: cellIndex property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The cellIndex read-only property of the HTMLTableCellElement interface represents the position of a cell within its row (<tr>). The first cell has an index of 0.

Value

Returns the index of the cell, or -1 if the cell is not part of any row.

Examples

This example adds a label to all the cell numbers of the first row of the tbody.

HTML

html

<table> <thead> <tr> <th>Item</th> <th>Price</th> </tr> </thead> <tbody> <tr> <td>Bananas</td> <td>$2</td> </tr> <tr> <td>Rice</td> <td>$2.5</td> </tr> </tbody> </table>

table { border-collapse: collapse; } th, td, table { border: 1px solid black; } button { margin: 1em 1em 1em 0; }

JavaScript

const rows = document.querySelectorAll("tbody tr"); const cells = rows[0].cells; for (const cell of cells) { cell.textContent = `${cell.textContent} (cell #${cell.cellIndex})`; }

Result

Specifications

Specification
HTML # dom-tdth-cellindex