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&301746838923 10 mai 2025 01:02:03&301746838923 010203&301746838923 0102031746838923
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
20250510091239&301746868359 10 mai 2025 09:12:39&301746868359 20250510091239&301746868359 202505100912391746868359
yesterday&301746748800 09 mai 2025 00:00:00&301746748800 yesterday&301746748800 yesterday1746748800
today&301746835200 10 mai 2025 00:00:00&301746835200 today&301746835200 today1746835200
tomorrow&301746921600 11 mai 2025 00:00:00&301746921600 tomorrow&301746921600 tomorrow1746921600
1week&301747473160 17 mai 2025 09:12:40&301747473160 1week&301747473160 1week1747473160
-1week&301746263560 03 mai 2025 09:12:40&301746263560 -1week&301746263560 -1week1746263560
1day&301746954760 11 mai 2025 09:12:40&301746954760 1day&301746954760 1day1746954760
-1day&301746781960 09 mai 2025 09:12:40&301746781960 -1day&301746781960 -1day1746781960
1month&301749546760 10 juin 2025 09:12:40&301749546760 1month&301749546760 1month1749546760
-1month&301744276360 10 avr. 2025 09:12:40&301744276360 -1month&301744276360 -1month1744276360
1year&301778404360 10 mai 2026 09:12:40&301778404360 1year&301778404360 1year1778404360
-1year&301715332360 10 mai 2024 09:12:40&301715332360 -1year&301715332360 -1year1715332360
1000year&333303777160 10 mai 3025 09:12:40&333303777160 1000year&333303777160 1000year33303777160
10000month&328044436360 10 sept. 2858 09:12:40&328044436360 10000month&328044436360 10000month28044436360
1000000day&388146868360 07 avr. 4763 09:12:40&388146868360 1000000day&388146868360 1000000day88146868360
10000000hour&337746868360 25 fév. 3166 01:12:40&337746868360 10000000hour&337746868360 10000000hour37746868360
1000000000minute&361746868360 06 sept. 3926 19:52:40&361746868360 1000000000minute&361746868360 1000000000minute61746868360
100000000000second&401746868360 25 mars 5194 18:59:20&401746868360 100000000000second&401746868360 100000000000second101746868360
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&242104170760 10 mai 0135 09:12:40&242104170760 -1890year&242104170760 -1890year-57895829240
Mon&301747008000 12 mai 2025 00:00:00&301747008000 Mon&301747008000 Mon1747008000
Tue&301747094400 13 mai 2025 00:00:00&301747094400 Tue&301747094400 Tue1747094400
Wed&301747180800 14 mai 2025 00:00:00&301747180800 Wed&301747180800 Wed1747180800
Thu&301747267200 15 mai 2025 00:00:00&301747267200 Thu&301747267200 Thu1747267200
Fri&301747353600 16 mai 2025 00:00:00&301747353600 Fri&301747353600 Fri1747353600
Sat&301746835200 10 mai 2025 00:00:00&301746835200 Sat&301746835200 Sat1746835200
Sun&301746921600 11 mai 2025 00:00:00&301746921600 Sun&301746921600 Sun1746921600
&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