Ellicrum : Test

2023-09-28T08:11:17Z

Test

Nouvelle page

{{Renvoi Aide 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 ==
Le code <code><nowiki>{{</nowiki>Numérotation statique}}</code> doit précéder le tableau. Il génère en fait une [[:Modèle:Numérotation statique/styles.css|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 <code><nowiki>static-row-numbers</nowiki></code> dans le tableau. Le modèle n'a pas besoin d'être appelé plusieurs fois dans une même page.

Les classes <code>static-row-header-text</code>, <code>static-row-header-hash</code>, <code>static-row-header-row</code> et <code>static-row-header-rank</code> 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 <code>static-row-numbers-norank</code> ou <code>static-row-header</code> après la séquence de début de nouvelle ligne (<code>|-</code>).

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

Les [[#Exemples|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 ==
Ce modèle n'admet aucun paramètre.

== Exemples ==
=== Utiliser avec d'autres classes ===
==== Avec <code>wikitable</code> et <code>sortable</code> ====

{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>wikitable</code> et <code>sortable</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

==== Avec <code>sortable</code> ====

{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>sortable</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

==== Sans aucune autre classe ====
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.

{| class="wikitable" style="width: 100%;"
|+ Exemple sans aucune autre classe
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

=== Personnaliser les noms de colonnes ===
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° » ====
{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-header-text</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

==== « # » ====
{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-header-hash</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

==== « Ligne » ====
{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-header-row</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

==== « Rang » ====
{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-header-rank</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

=== Éviter la numérotation statique de certaines lignes ===
==== Avec tri ====
La classe <code>static-row-numbers-norank</code> empêche la numérotation statique de certaines lignes. Elles seront quand même triées.

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

''Attention : Il est nécessaire d'ajouter la classe <code>static-row-header</code> à toutes les en-têtes pour une apparence cohérente dans les différents habillages et la version mobile de Poképédia, <U>y compris pour la première ligne</U>. Dans le cas contraire, les versions mobiles numérotent les en-têtes et celle-ci se verrait ainsi décalée.''

{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-numbers-norank</code> et <code>static-row-header</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3,5,13,19>
{{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
|}
</syntaxhighlight>
|
{{Numérotation statique}}
{| class="wikitable sortable centre static-row-numbers"
|- class="static-row-header"
! rowspan="2" | Nom !! 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
|}
|}

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

{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>static-row-numbers-norank</code>, <code>static-row-header</code> et <code>sorttop</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3,5,13,19>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

=== Appliquer un fond blanc aux cellules de données ===
{| class="wikitable" style="width: 100%;"
|+ Exemple avec <code>srn-white-background</code>
|-
! scope="col" style="background:#E0E0FF; width: 50%;" | Codage wiki
! scope="col" style="background:#E0E0FF; width: 50%;" | Rendu
|- style="background-color: white;"
|
<syntaxhighlight lang=text highlight=1-3>
{{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
|}
</syntaxhighlight>
|
{{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
|}
|}

<includeonly>
[[Catégorie:Modèle de tableau]]
[[Catégorie:Modèle de documentation de modèle]]
</includeonly>

Modèle:Numérotation statique/Documentation - Historique des versions

Ellicrum : Test

Ellicrum : Test