Modèle:Numérotation statique

 Documentation[voir] [modifier] [historique] [purger]

Ce modèle est utilisé pour ajouter une numérotation statique aux lignes d'un tableau. Cette numérotation n'est pas triée lorsque les colonnes sont triées (comme dans un tableur). Cela permet notamment de classer les lignes de chaque colonne sans avoir à créer une colonne dédiée pour chacune des colonnes triables.

Syntaxe modifier

Le code {{Numérotation statique}} doit précéder le tableau. Il génère en fait une feuille de styles pouvant être utilisée par la suite et générant diverses classes. Pour indiquer qu'un tableau doit comporter la numérotation fixe, il est nécessaire de préciser la classe static-row-numbers dans le tableau. Le modèle n'a pas besoin d'être appelé plusieurs fois dans une même page.

Les classes static-row-header-text, static-row-header-hash, static-row-header-row et static-row-header-rank permettent de donner les noms respectifs « N° », « # », « Ligne » et « Rang » aux colonnes de la numérotation statique.

Si des lignes ne doivent pas être numérotées avec une numérotation statique, il faut ajouter la classe static-row-numbers-norank ou static-row-header après la séquence de début de nouvelle ligne (|-).

La classe srn-white-background peut aussi être utilisée pour donner un arrière-plan blanc aux cellules de données.

Les exemples ci-dessous mettent en pratique ces différentes options.

Icône pour souligner l'importance du texte
La version mobile ne présente pas tout le temps le même résultat que sur la version de bureau. Des recommandations sont présentées dans les exemples ci-dessous, bien que l'intérêt de ce modèle soit davantage limité sur la version mobile étant donné que les tableaux n'y sont pour le moment pas triables.

Paramètres modifier

Ce modèle n'admet aucun paramètre.

Exemples modifier

Utiliser avec d'autres classes modifier

Avec wikitable et sortable modifier

Exemple avec wikitable et sortable
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

Avec sortable modifier

Exemple avec sortable
Codage wiki Rendu
{{Numérotation statique}}
{| class="sortable centre static-row-numbers"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

Sans aucune autre classe modifier

Même si ce modèle est fait pour générer une numérotation statique, il peut également être utilisé pour générer automatiquement la numérotation des lignes.

Exemple sans aucune autre classe
Codage wiki Rendu
{{Numérotation statique}}
{| class="centre static-row-numbers"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

Personnaliser les noms de colonnes modifier

Le nom de colonne apparaît dans la première ligne de l'en-tête du tableau et dans la dernière ligne du pied du tableau (lorsqu'ils existent).

Icône pour souligner l'importance du texte
Ces noms n'apparaissent pas tout le temps dans la version mobile.

« N° » modifier

Exemple avec static-row-header-text
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers static-row-header-text"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

« # » modifier

Exemple avec static-row-header-hash
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers static-row-header-hash"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

« Ligne » modifier

Exemple avec static-row-header-row
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers static-row-header-row"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

« Rang » modifier

Exemple avec static-row-header-rank
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers static-row-header-rank"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

Éviter la numérotation statique de certaines lignes modifier

Avec tri modifier

La classe static-row-numbers-norank empêche la numérotation statique de certaines lignes. Elles seront quand même triées.

La classe static-row-header a les mêmes caractéristiques que static-row-numbers-norank mais est réservée pour les en-têtes.

Icône pour souligner l'importance du texte
Il est nécessaire d'ajouter la classe static-row-header à toutes les en-têtes pour une apparence cohérente dans les différents habillages et la version mobile de Wikipédia, y compris pour la première ligne. Dans le cas contraire, les versions mobiles numérotent les en-têtes et celle-ci se verrait ainsi décalée.
Exemple avec static-row-numbers-norank et static-row-header
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers"
|- class="static-row-header"
! rowspan="2" | Pays !! colspan="2" | Nombre
|- class="static-row-header"
! Valeur !! Évolution
|-
| A || 10 || 0,4
|-
| B || 50 || 0,2
|-
| C || 100 || 0,3
|- class="static-row-numbers-norank"
| ''Monde'' || ''50'' || ''0,25''
|-
| D || 20 || 0,5
|-
| E || 70 || 0,4
|- class="static-row-header"
! Total !! 250 !! 0,25
|}
Nom Nombre
Valeur Évolution
A 10 0,4
B 50 0,2
C 100 0,3
Monde 50 0,25
D 20 0,5
E 70 0,4
Total 250 0,25

Sans tri modifier

Les classes sorttop et sortbottom peuvent être ajoutées pour éviter le tri et fixer la ligne, respectivement en haut et en bas du tableau.

Exemple avec static-row-numbers-norank, static-row-header et sorttop
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers"
|- class="static-row-header"
! rowspan="2" | Pays !! colspan="2" | Nombre
|- class="static-row-header"
! Valeur !! Évolution
|-
| A || 10 || 0,4
|-
| B || 50 || 0,2
|-
| C || 100 || 0,3
|- class="sorttop static-row-numbers-norank"
| ''Monde'' || ''50'' || ''0,25''
|-
| D || 20 || 0,5
|-
| E || 70 || 0,4
|- class="static-row-header"
! Total !! 250 !! 0,25
|}
Pays Nombre
Valeur Évolution
A 10 0,4
B 50 0,2
C 100 0,3
Monde 50 0,25
D 20 0,5
E 70 0,4
Total 250 0,25

Appliquer un fond blanc aux cellules de données modifier

Exemple avec srn-white-background
Codage wiki Rendu
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers srn-white-background"
|- class="static-row-header"
! Nom !! Nombre !! Autre nombre
|-
| A || 10 || 1000
|-
| B || 50 || 800
|-
| C || 100 || 150
|-
| D || 20 || 700
|-
| E || 70 || 350
|}
Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350