← Tous les exemples

En-têtes de tableau fixes

Fixe les en-têtes de colonnes en haut lors du défilement de longues listes de requêtes.

Code à copier

thead, [role="rowgroup"]:first-child,
tr:has([role="columnheader"]), tr:has(th) {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    background: #fff !important;
}
[role="columnheader"], th { box-shadow: 0 1px 0 #dadce0 !important; }

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.