Help:Sortable tables/fr

PD Note : si vous modifiez cette page, vous acceptez de placer votre contribution sous licence CC0. Plus d’informations sont disponibles sur le projet Aide dans le domaine public. PD

Pour obtenir un tableau triable, ajoutez-lui la classe sortable. Cette classe ajoute les flèches affichées à côté du titre à l'intérieur de chaque cellule d'entête (voir l'exemple ci-dessous). (See example below.) Lorsque vous cliquez sur une flèche, les rangées du tableau sont triées en fonction de la colonne sélectionnée. En cliquant progressivement sur la flèche, l'ordre de tri boucle sur la séquence suivante : ascendant (du min au max), descendant (du max au min), non trié (séquentiel). Vous pouvez effectuer des tris secondaires en cliquant avec la touche supérieur sur les flèches dans les différentes colonnes.

Chaque clic supérieur définira le tri secondaire en fonction de la colonne cliquée, et cette possibilité s'étend aux tris tertiaires et autres.

Modes de tri

Les éléments sont triés en fonction du type de données des premières lignes sous le titre. Pour déterminer le type de données, les cinq premières lignes non vides sous l'en-tête sont examinées lors du chargement de la page et le format le plus approprié est sélectionné. Des divergences peuvent apparaître. De plus, on peut forcer un ordre de tri sur des colonnes particulières comme expliqué dans la section dédiée ci-dessous.

Actuellement, les balises telles que span ou sup n'affectent pas la façon dont les types de données sont déterminés, mais affectent les numéros des référence ainsi que les commentaires visibles.

Les dates

Divers formats de date dont acceptés, même ceux avec des noms de mois en langue locale. Par exemple, sur la Wikipédia allemande, « 16. März 2010 » est correctement trié comme 2010-03-16.

Différents formats numériques, y compris ceux avec différents séparateurs comme les points, les virgules, les apostrophes ou les barres obliques (comme . , ' /), sont pris en charge. La Wikipédia anglophone utilise généralement le format de date américain (c'est à dire mois-jour-année).

Les nombres

Le script peut détecter les nombres qui utilisent « . » ou « , » comme séparateurs décimaux, ainsi que les nombres écrits en notation scientifique (utilisant « e » ou « E »). Par défaut, les nombres seront triés par ordre alphanumérique par défaut, ce qui signifie qu'ils seront triés comme des chaînes de caractères plutôt que des valeurs numériques. Cela peut entraîner des tris inattendus, comme le « 9 » qui vient après le « 10 ». Néanmoins ce comportement par défaut peut être redéfini si nécessaire.

Le texte

Lorsque les listes sont triées alphabétiquement par MediaWiki, l'ordre des caractères est trié à l'aide de Intl.Collator. Ceci classe les caractères accentués correctement d'après PageContentLanguage.

Les afficheurs web sous Android ne supportent pas cela, il faut donc revenir à l'ancienne routine de tri. L'ordre est le même que l'ordre des code points de Unicode. Certains des caractères les plus communs sont rangés ainsi (dans l'ordre croissant) :

 
 !"#$ %&'()*+,-./0123456789 : ;<=> ?@ABC
DEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefg
hijklmnopqrstuvwxyz{|}~
 
¡¢£¤¥¦§¨©ª« ¬
­
®¯°±²³´µ·¸¹º »¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐ
ÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóô
õö÷øùúûüýþÿĀāĂ㥹ĆćĈĉĊċČčĎďĐđĒēĔĕĖėĘ
ęĚěĜĝĞğĠġĢģĤĥĦħĨĩĪīĬĭĮįİıIJijĴĵĶķĸĹĺĻļ
ĽľĿŀŁłŃńŅņŇňʼnŊŋŌōŎŏŐőŒœŔŕŖŗŘřŚśŜŝŞşŠ
šŢţŤťŦŧŨũŪūŬŭŮůŰűŲųŴŵŶŷŸŹźŻżŽžſƏƒǺǻǼ
ǽǾǿȘșȚțəˆˇˉ˘˙˚˛˜˝΄΅Ά·ΈΉΊΌΎΏΐΑΒΓΔΕΖΗΘ
ΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩΪΫάέήίΰαβγδεζηθικλμν
ξοπρςστυφχψωϊϋόύώЀЁЂЃЄЅІЇЈЉЊЋЌЍЎЏАБВ
ГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдеж
зийклмнопрстуфхцчшщъыьэюяѐёђѓєѕіїјљњ
ћќѝўџҐґ
  Ω

Forcer le mode de tri d'une colonne

L'ajout de data-sort-type="..." à l'en-tête vous permet de contrôler la façon dont un tableau est trié. Cette fonctionnalité est dérivée de tablesorter.com (webarchive). Les valeurs correctes pour "data-sort-type" comprennent les valeurs suivantes non sensibles à la casse :

  • currency
  • number
  • isoDate
  • time
  • IPAddress
  • usLongDate
  • date
  • text
  • url

Par exemple :

Wikitext

{|class="wikitable sortable"
!data-sort-type="date"| Date !! Nom !! Hauteur !!data-sort-type="number"| Salaire
|-
| 01.10.1977 || Smith || 1.85 || 1,000.000
|-
| 11.6.1972 || Ray || 1.89 || 900.000
|-
| 1.9.1992 || Bianchi || 1.72 || 2,000.50
|}

Rendering

DateNomHauteurSalaire
01.10.1977Smith1.851,000.000
11.6.1972Ray1.89900.000
1.9.1992Bianchi1.722,000.50

Spécifier une clé de tri

Vous pouvez ajuster la façon dont les cellules sont triées ou analysées si nécessaire. Par exemple, si un cellule indique "John Smith" mais doit être triée sous "Smith", vous pouvez utiliser l'attribut data-sort-value="..." pour le réaliser.

Wikitext

{|class="wikitable sortable"
! Nom et nom de famille !! Hauteur
|-
|data-sort-value="Smith, John"| John Smith || 1.85
|-
|data-sort-value="Ray, Ian"| Ian Ray || 1.89
|-
|data-sort-value="Bianchi, Zachary"| Zachary Bianchi || 1.72
|}

Rendering

Nom et prénomHauteur
John Smith1.85
Ian Ray1.89
Zachary Bianchi1.72

Contrôler le tri et l'affichage

Pour garantir que certains textes ne soient pas triés mais toujours affichés, utilisez data-sort-type="...". Vous pouvez ensuite ajouter un texte supplémentaire après les valeurs, comme "200 approx" ou "100[1]". Une cellule vide est triée comme "-Infinity". Si une cellule contient un intervalle de dates ou de chiffres (par exemple, de 2 à 5), utiliser

Exemples

La première colonne classe les nombres simples. La deuxième colonne classe plus de contenu comme les numéros en utilisant data-sort-type="number" dans l'en-tête du tableau. La quatrième colonne définit les valeurs de tri numérique indépendamment du contenu de la cellule en utilisant data-sort-value="...".

nombres data-sort-type="number" data-sort-type="number"
-8e3-8 e3-8 e3
-3e-3-3 e-3-3 e-3
2.0002-5 km²data-sort-value="3.5"2-5 km²
3.993.99 km²3.99 km²
44 km²4 km²
90 %90 Percentdata-sort-value="90"about 90 Percent
1E2100[1]100[1]
1,000,000.01 000 000.0data-sort-value="1e6"one Million

La manière dont les virgules (,) et les points décimaux (.) sont affichés dans Mediawiki dépend des paramètres de langue. Les symboles monétaires et le pourcent (%) sont triés comme des nombres en se basant sur ces paramètres.

devises
$ 9
$ 80
$ 70
$ 600
devises
9 €
80 €
70 €
600 €
devises
£ 9
£ 80
£ 70
£ 600
devises
¥ 9
¥ 80
¥ 70
¥ 600
pourcentage
9 %
80 %
70 %
600 %
nombres
−7e270
-1.4285714285714E-13
999e9
7e270

Clé de tri secondaire

Vous pouvez trier les données par colonne, avec la colonne A comme clé de tri. Si la colonne A a des valeurs égales, utiliser la colonne B comme clé secondaire. Cliquez une ou deux fois sur le bouton de tri de la colonne A, puis, pendant que vous tenez la touche supérieur ( ), cliquez une ou plusieurs fois sur le bouton de tri de la colonne B pour affiner.

Par exemple :

Cliquer d'abord sur la colonne "Text", puis tenir la touche et cliquer sur la colonne "Numbers". Vous remarquerez que les éléments sont triés en fonction du texte d'abord puis des chiffres ensuite.

Nombres Texte Dates Monnaie Texte supplémentaire
4a01.Jan.20054.20row 1
5a05/12/20067.15row 2
1b02-02-20045.00row 3
1a02-02-20045.00row 4
2x13-apr-2005row 5
2a13-apr-2005row 6
3a17.aug.20066.50row 7
3z25.aug.20062.30row 8
3z28.aug.20065.50row 9
3z31.aug.20063.77row 10
3z01.sep.20061.50row 11
Fin

Fonctionnalités supplémentaires

Exclure la dernière ligne du tri

Vous pouvez sauter le classement de la dernière ligne d'un tableau en la marquant avec class="sortbottom". Vous pouvez également l'exclure du tri en la déclarant comme étant un pied de page avec un point d'exclamation (!).

Wikicode

{|class="wikitable sortable"
! Nom !! Nom de famille !! Hauteur
|-
| John || Smith || 1.85
|-
| Ron || Ray || 1.89
|-
| Mario || Bianchi || 1.72
|- class="sortbottom"
! !! Moyenne : || 1.82
|}

Rendu

NomNom de familleHauteur
JohnSmith1.85
RonRay1.89
MarioBianchi1.72
Moyenne :1.82

Exclure la première ligne du tri

Vous pouvez exclure la première ligne en utilisant le class="sorttop".

Wikicode

{|class="wikitable sortable"
! Nom !! Nom de famille !! Hauteur
|- class="sorttop"
! !! Moyenne : || 1.82
|-
| John || Smith || 1.85
|-
| Ron || Ray || 1.89
|-
| Mario || Bianchi || 1.72
|}

Rendu

NomNom de familleHauteur
Moyenne :1.82
JohnSmith1.85
RonRay1.89
MarioBianchi1.72

Rendre une colonne non triable

Pour empêcher une colonne d'être triable, utilisez class="unsortable" dans les attributs de sa cellule d'en-tête.

Wikicode

{|class="wikitable sortable"
! Nombres !! Alphabet !! Dates !! Monnaie !!class="unsortable"| Non triable
|-
| 1 || Z || 02-02-2004 || 5.00 || This
|-
| 2 || y || 13-apr-2005 || || Column
|-
| 3 || X || 17.aug.2006 || 6.50 || Is
|-
| 4 || w || 01.Jan.2005 || 4.20 || Unsortable
|-
| 5 || V || 05/12/2006 || 7.15 || See?
|-
! Total : 15 !! !! !! Total : 29.55 !!
|-
|}

Rendu

NombresAlphabetDatesMonnaieNon triable
1Z02-02-20045.00This
2y13-apr-2005Column
3X17.aug.20066.50Is
4w01.Jan.20054.20Unsortable
5V05/12/20067.15See?
Total : 15Total : 29.55Original example

Garder certaines lignes ensemble

Pour permettre à une rangée qui n'a pas de colonne de rester toujours en dessous d'une rangée avec des colonnes au-dessus, peu importe la façon dont vous les trier, utilisez class="expand-child" dans l'attribut de la rangée.

Wikicode

{| class="wikitable sortable"
!style="width:9em"| Pays !!data-sort-type="number"| Zone
|-
| France
| 674 843 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| À Paris, il y a la Tour Eiffel.
|-
| Royaume-Uni
| 242 495 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| Au Royaume-Uni, vous ne pouvez pas payer en euros.
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| Et vous conduisez sur le côté gauche de la route.
|-
| Allemagne
| 357 168 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| L'Allemagne comprend l'ancienne RDA.
|}

Rendu

PaysZone
France 674 843 km²
À Paris, il y a la Tour Eiffel.
Royaume-Uni 242 495 km²
Au Royaume-Uni, vous ne pouvez pas payer en euros.
Et vous conduisez sur le côté gauche de la route.
Allemagne 357 168 km²
L'Allemagne comprend l'ancienne RDA.

Si vous mettez dans data-sort-value le même contenu que le ligne au-dessus, gardez-la également ensemble. L'ordre mutuel originel de ces lignes est préservé. Une meilleure manière pour cela est d'utiliser la classe expand-child, voir ci-dessus Conserver ensemble plusieurs lignes.

Exemple où data-sort-value est utilisé dans le cas pour les lignes concernant les Pays-Bas :

{|class="wikitable sortable"
! Pays / province !! Capitale
|-
| France || Paris
|-
| Pays-Bas || Amsterdam
|-
|data-sort-value="Pays-Bas"| Pays-Bas du Sud ||data-sort-value="Amsterdam"| La Hague
|-
| Royaume-Uni || Londres
|}
Pays / provinceCapitale
FranceParis
Pays-BasAmsterdam
Pays-Bas du SudLa Hague
Royaume-UniLondres

Dates spéciales

Pour représenter les années avant l'ère commune (BCE), soustraire l'année BCE de 10 000. Par exemple -62 BCE serait 10 000 - 62 = 9938.

Par exemple September 23, 62 BCE serait représenté comme 9938-09-23.

Si une colonne de tableau possède des dates incomplètes, le tri ne sera pas un problème. Si seulement une année et un mois sont fournis, il est trié avant le premier jour de ce mois. De même, si seulement une année est donnée, elle est triée avant le premier mois ou jour de cette année.

Wikicode

{| class="wikitable sortable"
|-
! Date
|-
| 2022-01-01
|-
| 2023-12-31
|-
| 2024
|-
| 2024-04
|-
| 2024-04-00
|-
| 2024-05
|-
| 2024-05-00
|}

Rendu

Date
2022-01-01
2023-12-31
2024
2024-04
2024-04-00
2024-05
2024-05-00

Utiliser #time

Vous pouvez utiliser la fonction #time de l'analyseur syntaxique et les balises HTML pour afficher un intervalle spécifique de dates. En ajoutant la balise HTML <span style="display:none">&{{#expr:3e11+{{#time:U|..}}}}</span> devant la date affichée, vous pouvez modifier la manière dont la date est affichée. Cette méthode fonctionne pour les dates comprises entre le 1er janvier 111 CE et le 31 décembre 9999 CE, en utilisant le calendrier grégorien proleptique. La valeur ajoutée garantit que toutes les valeurs sont positives et uniformes en longueur. Placer "&" avant l'expression force le mode de tri des chaînes.

Vous pouvez saisir les dates et les temps à l'aide de n'importe quel format PHP de date et d'heure. Rappelez-vous que si vous spécifiez simplement une année, vous devez inclure un mois (généralement janvier) en arrière-plan.

Par exemple en utilisant date :

date entrée texte la date et l'heure telles qu'interprétées, avec clé de tri masquée entrée avec clé de tri visible entrée avec clé de triée masquée temps Unix
010203&301749430923 09 juin 2025 01:02:03&301749430923 010203&301749430923 0102031749430923
1/2&301735776000 02 janv. 2025 00:00:00&301735776000 1/2&301735776000 1/21735776000
1/2/3&301041465600 02 janv. 2003 00:00:00&301041465600 1/2/3&301041465600 1/2/31041465600
1-2-2003&301044057600 01 fév. 2003 00:00:00&301044057600 1-2-2003&301044057600 1-2-20031044057600
1-2-3&300981158400 03 fév. 2001 00:00:00&300981158400 1-2-3&300981158400 1-2-3981158400
2007&301167609600 01 janv. 2007 00:00:00&301167609600 2007&301167609600 20071167609600
1 Jan 111, 00:00:00&241335609600 01 janv. 0111 00:00:00&241335609600 1 Jan 111, 00:00:00&241335609600 1 Jan 111, 00:00:00-58664390400
31 Dec 9999, 23:59:59&553402300799 31 déc. 9999 23:59:59&553402300799 31 Dec 9999, 23:59:59&553402300799 31 Dec 9999, 23:59:59253402300799
Sep 1970&300020995200 01 sept. 1970 00:00:00&300020995200 Sep 1970&300020995200 Sep 197020995200
1970&300000000000 01 janv. 1970 00:00:00&300000000000 1970&300000000000 19700
Jun 2007or later&301180656000 01 juin 2007 00:00:00 or later&301180656000 Jun 2007 or later&301180656000 Jun 2007 or later1180656000 or later
Jun 2007perhaps earlier&301180656000 01 juin 2007 00:00:00 perhaps earlier&301180656000 Jun 2007 perhaps earlier&301180656000 Jun 2007 perhaps earlier1180656000 perhaps earlier
2007-6&301180656000 01 juin 2007 00:00:00&301180656000 2007-6&301180656000 2007-61180656000
Jun 2007&301180656000 01 juin 2007 00:00:00&301180656000 Jun 2007&301180656000 Jun 20071180656000
4 Jun 2007&301180915200 04 juin 2007 00:00:00&301180915200 4 Jun 2007&301180915200 4 Jun 20071180915200
3 Jul 2007&301183420800 03 juill. 2007 00:00:00&301183420800 3 Jul 2007&301183420800 3 Jul 20071183420800
12 Aug 2006&301155340800 12 août 2006 00:00:00&301155340800 12 Aug 2006&301155340800 12 Aug 20061155340800
1 Mar 2006 -1day&301141084800 28 fév. 2006 00:00:00&301141084800 1 Mar 2006 -1day&301141084800 1 Mar 2006 -1day1141084800
1 Mar 2008 -1day&301204243200 29 fév. 2008 00:00:00&301204243200 1 Mar 2008 -1day&301204243200 1 Mar 2008 -1day1204243200
1 Mar 2010 -1day&301267315200 28 fév. 2010 00:00:00&301267315200 1 Mar 2010 -1day&301267315200 1 Mar 2010 -1day1267315200
1 Mar 1900 -1day&297796022400 28 fév. 1900 00:00:00&297796022400 1 Mar 1900 -1day&297796022400 1 Mar 1900 -1day-2203977600
1 Mar 1600 -1day&288329001600 29 fév. 1600 00:00:00&288329001600 1 Mar 1600 -1day&288329001600 1 Mar 1600 -1day-11670998400
Jun 1607&288557875200 01 juin 1607 00:00:00&288557875200 Jun 1607&288557875200 Jun 1607-11442124800
20250609035120&301749441080 09 juin 2025 03:51:20&301749441080 20250609035120&301749441080 202506090351201749441080
yesterday&301749340800 08 juin 2025 00:00:00&301749340800 yesterday&301749340800 yesterday1749340800
today&301749427200 09 juin 2025 00:00:00&301749427200 today&301749427200 today1749427200
tomorrow&301749513600 10 juin 2025 00:00:00&301749513600 tomorrow&301749513600 tomorrow1749513600
1week&301750045880 16 juin 2025 03:51:20&301750045880 1week&301750045880 1week1750045880
-1week&301748836280 02 juin 2025 03:51:20&301748836280 -1week&301748836280 -1week1748836280
1day&301749527480 10 juin 2025 03:51:20&301749527480 1day&301749527480 1day1749527480
-1day&301749354680 08 juin 2025 03:51:20&301749354680 -1day&301749354680 -1day1749354680
1month&301752033080 09 juill. 2025 03:51:20&301752033080 1month&301752033080 1month1752033080
-1month&301746762680 09 mai 2025 03:51:20&301746762680 -1month&301746762680 -1month1746762680
1year&301780977080 09 juin 2026 03:51:20&301780977080 1year&301780977080 1year1780977080
-1year&301717905080 09 juin 2024 03:51:20&301717905080 -1year&301717905080 -1year1717905080
1000year&333306349880 09 juin 3025 03:51:20&333306349880 1000year&333306349880 1000year33306349880
10000month&328046922680 09 oct. 2858 03:51:20&328046922680 10000month&328046922680 10000month28046922680
1000000day&388149441080 07 mai 4763 03:51:20&388149441080 1000000day&388149441080 1000000day88149441080
10000000hour&337749441080 26 mars 3166 19:51:20&337749441080 10000000hour&337749441080 10000000hour37749441080
1000000000minute&361749441080 06 oct. 3926 14:31:20&361749441080 1000000000minute&361749441080 1000000000minute61749441080
100000000000second&401749441080 24 avr. 5194 13:38:00&401749441080 100000000000second&401749441080 100000000000second101749441080
7980year&Expression error: Unexpected < operator. Erreur : #time prend uniquement en charge des années jusqu’en 9999.&Expression error: Unexpected < operator. 7980year&Expression error: Unexpected < operator. 7980yearErreur : #time prend uniquement en charge des années jusqu’en 9999.
-1890year&242106743480 09 juin 0135 03:51:20&242106743480 -1890year&242106743480 -1890year-57893256520
Mon&301749427200 09 juin 2025 00:00:00&301749427200 Mon&301749427200 Mon1749427200
Tue&301749513600 10 juin 2025 00:00:00&301749513600 Tue&301749513600 Tue1749513600
Wed&301749600000 11 juin 2025 00:00:00&301749600000 Wed&301749600000 Wed1749600000
Thu&301749686400 12 juin 2025 00:00:00&301749686400 Thu&301749686400 Thu1749686400
Fri&301749772800 13 juin 2025 00:00:00&301749772800 Fri&301749772800 Fri1749772800
Sat&301749859200 14 juin 2025 00:00:00&301749859200 Sat&301749859200 Sat1749859200
Sun&301749945600 15 juin 2025 00:00:00&301749945600 Sun&301749945600 Sun1749945600
&Expression error: Unexpected < operator. Erreur : durée invalide.&Expression error: Unexpected < operator.&Expression error: Unexpected < operator. Erreur : durée invalide.
unknown&Expression error: Unexpected < operator. Erreur : durée invalide.&Expression error: Unexpected < operator. unknown&Expression error: Unexpected < operator. unknownErreur : durée invalide.

Pour utiliser des dates antérieures à 111 CE, ajoutez un multiple de 400 (comme 6000) à toutes les années. Cela modifie l'intervalle pour commencer le 1er janvier -5889 à 00:00:00, et se termine le 31 décembre 3999 à 23:59:59 sans modifier le système de calendrier.

Voir aussi :

Cellules sur plusieurs lignes ou cellules

Une cellule qui s'étend sur plusieurs lignes ou colonnes est considérée comme équivalente à contenir plusieurs cellules ayant des valeurs identiques.

rowspan
DateNomHauteur
01.10.1977Smith1.85
11.06.1972Adams
01.09.1992Bianchi1.72
colspan
ABC
A 2 1
B 1 3
C 2

Toute cellule absente en fin de ligne est assimilée à une cellule vide après le premier tri.

Cellules sur plusieurs colonnes

Les modes de tri sont détectés séparément pour chaque colonne contenant des cellules portant l'attribut colspan. Vous pouvez définir un mode de tri pour toutes les colonnes colspan en incluant data-sort-type dans l'en-tête.

Pour implémenter des clés de tri séparées pour chaque colonne dans une cellule colspan, utilisez l'astuce CSS décrite ici : s'assurer d'avoir un nombre égal de cellules dans chaque rangée pour les colonnes triables. S'il y a un problème, toutes les colonnes restent triables. Cette règle doit s'appliquer jusqu'à la dernière colonne triable comprise. Cependant, l'utilisation d'un contournement CSS permet d'avoir une différence entre le nombre de cellules affichées sur une ligne et le nombre formel. Par exemple, deux cellules formelles peuvent apparaître comme une seule en ajustant la largeur de la première colonne, en déplaçant le contenu de la deuxième cellule vers la gauche, en augmentant sa largeur de la même mesure et en masquant le bord de la cellule qui serait généralement visible. Les clés de tri masquées permettent de gérer l'ordre de tri des lignes spécifiques par rapport à chaque colonne.

Par exemple :

PaysCapitale
France Paris
Le classement par rapport à la première colonne de cette ligne trie le Z, par rapport à la seconde colonne en M
Royaume-Uni London

Colonne statique

Pour faire une colonne statique, comme celle avec les numéros de ligne, utilisez deux tableaux placés l'un à côté de l'autre. Assurez-vous que chaque ligne des deux tableaux a la même hauteur. Vous pouvez aussi utiliser les numéros de ligne statiques pour générer des numéros de ligne implicitement en utilisant le CSS plutôt que de créer un autre tableau.

Nombre
1
2
PaysCapitale
Pays-BasAmsterdam (bien que La Haye soit le siège du gouvernement)
FranceParis

Le formatage peut être modifié pour présenter l'ensemble dans un tableau unifié. Si une ligne est trop courte pour contenir le texte dans une cellule, le navigateur l'agrandira en perturbant l'alignement.

Ordre par défaut

Vous ne pouvez pas afficher un tableau trié sur une colonne avant que l'utilisateur n'ait cliqué dessus. Par défaut, les lignes du tableau apparaissent dans l'ordre du wikicode. Pour afficher une table triée sur une colonne spécifique, vous devrez organiser le wikicode en conséquence. Une manière de faire cela est :

  1. Réarranger le wikicode du tableau sans la ligne du début ni la ligne de fin.
  2. Remplacer les séparateurs de cellules par un code unique qui ne contient pas de "|" en utilisant trouver et remplacer.
  3. Remplacer les barres verticales par un code, puis remplacer ce code par un caractère de nouvelle ligne qui le précède (indiquant le début d'une nouvelle ligne).
  4. Utiliser le module Sort sur Special:ExpandTemplates. Pour trier les éléments entre les barres verticales et pour produire le séparateur souhaité, développer les modèles et ajouter {{#invoke:Sort|f||- | (avec le passage à la ligne) avant, et }} après le wikicode.
  5. Supprimer les éléments qui commencent par "-" et par un passage à la ligne.
  6. Modifier les codes temporaires des séparateurs de cellules et des barres verticales à l'intérieur des cellules pour les restaurer.

Cette méthode de tri repose sur le wikicode de chaque ligne, triant principalement sur le contenu de la première colonne. La deuxième colonne sert de clé secondaire. Cependant, les codes wikicode des cellules de la première colonne, avant le contenu, peuvent avoir un impact sur l'ordre.

Vous pouvez également utiliser Snippets/Sort table on reload pour trier automatiquement la tableau lorsqu'il se charge en utilisant JavaScript.

Etats de tri permanents utilisant les cookies

Vous pouvez enregistrer l'état des tableaux triables au fil des rechargements en utilisant Snippets/Persistent sort order.

Voir aussi

Autres exemples :

Category:Help/fr
Category:Help/fr