Modèle:Numérotation statique/Documentation

De Poképédia
Aller à la navigation Aller à la recherche
C'est quoi, un modèle ?  • Accéder à la page de documentation de ce modèle

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.

Attention : 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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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).

Attention : Ces noms n'apparaissent pas tout le temps dans la version mobile.

« N° »[modifier]

Exemple avec static-row-header-text
Codage wiki Rendu

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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.

Attention : 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 Poképé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

<syntaxhighlight lang=text highlight=1-3,5,13,19> <templatestyles src="Modèle:Numérotation statique/styles.css" />

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

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3,5,13,19> <templatestyles src="Modèle:Numérotation statique/styles.css" />

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

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

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

<syntaxhighlight lang=text highlight=1-3> <templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350

</syntaxhighlight>

<templatestyles src="Modèle:Numérotation statique/styles.css" />

Nom Nombre Autre nombre
A 10 1000
B 50 800
C 100 150
D 20 700
E 70 350