integer

aria-colindex

Indique la position de colonne d'une cellule dans un tableau ou une grille dont toutes les colonnes ne sont pas rendues dans le DOM.

Description

aria-colindex précise la position de colonne réelle d’une cellule (de 1 à N) dans un tableau ou une grille virtualisé. Il est utilisé en conjonction avec aria-colcount sur le tableau parent.

Syntaxe

<div role="grid" aria-colcount="20">
  <div role="row">
    <div role="gridcell" aria-colindex="5">Valeur de la colonne 5</div>
    <div role="gridcell" aria-colindex="6">Valeur de la colonne 6</div>
  </div>
</div>

Exemples

Tableau avec scroll horizontal virtualisé :

<table aria-colcount="100">
  <thead>
    <tr>
      <th scope="col" aria-colindex="10">Jan</th>
      <th scope="col" aria-colindex="11">Fév</th>
      <th scope="col" aria-colindex="12">Mar</th>
    </tr>
  </thead>
</table>

Notes

Index commence à 1 : la première colonne est à l’index 1 (pas 0).

Cells fusionnées : pour une cellule fusionnant plusieurs colonnes, aria-colindex indique la première colonne fusionnée, et aria-colspan le nombre de colonnes.

Inutile si DOM complet : quand toutes les colonnes sont dans le DOM, les navigateurs calculent automatiquement la position.

Support navigateurs