HTMLTableRowElement : propriété sectionRowIndex

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété en lecture seule sectionRowIndex de l'interface HTMLTableRowElement représente la position d'une ligne dans la section courante (<thead>, <tbody> ou <tfoot>).

Dans cet article

Valeur

L'index de la ligne, ou -1 si la ligne ne fait pas partie de la section.

Exemples

Cet exemple utilise JavaScript pour afficher le numéro de chaque ligne du tbody.

HTML

html
<table>
  <thead>
    <tr>
      <th>Article</th>
      <th>Prix</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananes</td>
      <td>2 €</td>
    </tr>
    <tr>
      <td>Oranges</td>
      <td>8 €</td>
    </tr>
    <tr>
      <td>Filet de boeuf</td>
      <td>20 €</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>30 €</td>
    </tr>
  </tfoot>
</table>

JavaScript

js
const rows = document.querySelectorAll("tbody tr");

rows.forEach((row) => {
  const z = document.createElement("td");
  z.textContent = `(ligne n°${row.sectionRowIndex})`;
  row.appendChild(z);
});

Résultat

Spécifications

Spécification

HTML
# dom-tr-sectionrowindex

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

La propriété HTMLTableRowElement.rowIndex

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 19 janv. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLTableRowElement
Propriétés d'instance
Méthodes d'instance
1. deleteCell()
2. insertCell()
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript