← Tous les exemples

Figer la colonne des noms

Fige la première colonne des noms à gauche pour savoir quelle campagne vous lisez en défilant.

Code à copier

[role="row"] > [role="gridcell"]:first-child,
[role="row"] > [role="cell"]:first-child,
[role="row"] > [role="columnheader"]:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 20 !important;
  background: #ffffff !important;
  box-shadow: 1px 0 0 rgba(0,0,0,0.15) !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.