Aide:Tableaux triables

This page is a translated version of the page Help:Sortable tables and the translation is 97% complete.
Outdated translations are marked like this.
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) :

 
! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C
D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g
h i j k l m n o p q r s t u v w x y z { | } ~
 
¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬
­
® ¯ ° ± ² ³ ´ µ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð
Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô
õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę
ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı IJ ij Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ
Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ʼ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

Date Nom Hauteur 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

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énom Hauteur
John Smith 1.85
Ian Ray 1.89
Zachary Bianchi 1.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.000 2-5 km² data-sort-value="3.5" 2-5 km²
3.99 3.99 km² 3.99 km²
4 4 km² 4 km²
90 % 90 Percent data-sort-value="90" about 90 Percent
1E2 100[1] 100[1]
1,000,000.0 1 000 000.0 data-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
4 a 01.Jan.2005 4.20 row 1
5 a 05/12/2006 7.15 row 2
1 b 02-02-2004 5.00 row 3
1 a 02-02-2004 5.00 row 4
2 x 13-apr-2005 row 5
2 a 13-apr-2005 row 6
3 a 17.aug.2006 6.50 row 7
3 z 25.aug.2006 2.30 row 8
3 z 28.aug.2006 5.50 row 9
3 z 31.aug.2006 3.77 row 10
3 z 01.sep.2006 1.50 row 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

Nom Nom de famille Hauteur
John Smith 1.85
Ron Ray 1.89
Mario Bianchi 1.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

Nom Nom de famille Hauteur
Moyenne : 1.82
John Smith 1.85
Ron Ray 1.89
Mario Bianchi 1.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

Nombres Alphabet Dates Monnaie 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 Original 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

Pays Zone
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 / province Capitale
France Paris
Pays-Bas Amsterdam
Pays-Bas du Sud La Hague
Royaume-Uni Londres

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 &301747616523 19 mai 2025 01:02:03 &301747616523 010203 &301747616523 010203 1747616523
1/2 &301735776000 02 janv. 2025 00:00:00 &301735776000 1/2 &301735776000 1/2 1735776000
1/2/3 &301041465600 02 janv. 2003 00:00:00 &301041465600 1/2/3 &301041465600 1/2/3 1041465600
1-2-2003 &301044057600 01 fév. 2003 00:00:00 &301044057600 1-2-2003 &301044057600 1-2-2003 1044057600
1-2-3 &300981158400 03 fév. 2001 00:00:00 &300981158400 1-2-3 &300981158400 1-2-3 981158400
2007 &301167609600 01 janv. 2007 00:00:00 &301167609600 2007 &301167609600 2007 1167609600
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:59 253402300799
Sep 1970 &300020995200 01 sept. 1970 00:00:00 &300020995200 Sep 1970 &300020995200 Sep 1970 20995200
1970 &300000000000 01 janv. 1970 00:00:00 &300000000000 1970 &300000000000 1970 0
Jun 2007 or later &301180656000 01 juin 2007 00:00:00 or later &301180656000 Jun 2007 or later &301180656000 Jun 2007 or later 1180656000 or later
Jun 2007 perhaps earlier &301180656000 01 juin 2007 00:00:00 perhaps earlier &301180656000 Jun 2007 perhaps earlier &301180656000 Jun 2007 perhaps earlier 1180656000 perhaps earlier
2007-6 &301180656000 01 juin 2007 00:00:00 &301180656000 2007-6 &301180656000 2007-6 1180656000
Jun 2007 &301180656000 01 juin 2007 00:00:00 &301180656000 Jun 2007 &301180656000 Jun 2007 1180656000
4 Jun 2007 &301180915200 04 juin 2007 00:00:00 &301180915200 4 Jun 2007 &301180915200 4 Jun 2007 1180915200
3 Jul 2007 &301183420800 03 juill. 2007 00:00:00 &301183420800 3 Jul 2007 &301183420800 3 Jul 2007 1183420800
12 Aug 2006 &301155340800 12 août 2006 00:00:00 &301155340800 12 Aug 2006 &301155340800 12 Aug 2006 1155340800
1 Mar 2006 -1day &301141084800 28 fév. 2006 00:00:00 &301141084800 1 Mar 2006 -1day &301141084800 1 Mar 2006 -1day 1141084800
1 Mar 2008 -1day &301204243200 29 fév. 2008 00:00:00 &301204243200 1 Mar 2008 -1day &301204243200 1 Mar 2008 -1day 1204243200
1 Mar 2010 -1day &301267315200 28 fév. 2010 00:00:00 &301267315200 1 Mar 2010 -1day &301267315200 1 Mar 2010 -1day 1267315200
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
20250519061845 &301747635525 19 mai 2025 06:18:45 &301747635525 20250519061845 &301747635525 20250519061845 1747635525
yesterday &301747526400 18 mai 2025 00:00:00 &301747526400 yesterday &301747526400 yesterday 1747526400
today &301747612800 19 mai 2025 00:00:00 &301747612800 today &301747612800 today 1747612800
tomorrow &301747699200 20 mai 2025 00:00:00 &301747699200 tomorrow &301747699200 tomorrow 1747699200
1week &301748240325 26 mai 2025 06:18:45 &301748240325 1week &301748240325 1week 1748240325
-1week &301747030725 12 mai 2025 06:18:45 &301747030725 -1week &301747030725 -1week 1747030725
1day &301747721925 20 mai 2025 06:18:45 &301747721925 1day &301747721925 1day 1747721925
-1day &301747549125 18 mai 2025 06:18:45 &301747549125 -1day &301747549125 -1day 1747549125
1month &301750313925 19 juin 2025 06:18:45 &301750313925 1month &301750313925 1month 1750313925
-1month &301745043525 19 avr. 2025 06:18:45 &301745043525 -1month &301745043525 -1month 1745043525
1year &301779171525 19 mai 2026 06:18:45 &301779171525 1year &301779171525 1year 1779171525
-1year &301716099525 19 mai 2024 06:18:45 &301716099525 -1year &301716099525 -1year 1716099525
1000year &333304544325 19 mai 3025 06:18:45 &333304544325 1000year &333304544325 1000year 33304544325
10000month &328045203525 19 sept. 2858 06:18:45 &328045203525 10000month &328045203525 10000month 28045203525
1000000day &388147635525 16 avr. 4763 06:18:45 &388147635525 1000000day &388147635525 1000000day 88147635525
10000000hour &337747635525 05 mars 3166 22:18:45 &337747635525 10000000hour &337747635525 10000000hour 37747635525
1000000000minute &361747635525 15 sept. 3926 16:58:45 &361747635525 1000000000minute &361747635525 1000000000minute 61747635525
100000000000second &401747635525 03 avr. 5194 16:05:25 &401747635525 100000000000second &401747635525 100000000000second 101747635525
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. 7980year Erreur : #time prend uniquement en charge des années jusqu’en 9999.
-1890year &242104937925 19 mai 0135 06:18:45 &242104937925 -1890year &242104937925 -1890year -57895062075
Mon &301747612800 19 mai 2025 00:00:00 &301747612800 Mon &301747612800 Mon 1747612800
Tue &301747699200 20 mai 2025 00:00:00 &301747699200 Tue &301747699200 Tue 1747699200
Wed &301747785600 21 mai 2025 00:00:00 &301747785600 Wed &301747785600 Wed 1747785600
Thu &301747872000 22 mai 2025 00:00:00 &301747872000 Thu &301747872000 Thu 1747872000
Fri &301747958400 23 mai 2025 00:00:00 &301747958400 Fri &301747958400 Fri 1747958400
Sat &301748044800 24 mai 2025 00:00:00 &301748044800 Sat &301748044800 Sat 1748044800
Sun &301748131200 25 mai 2025 00:00:00 &301748131200 Sun &301748131200 Sun 1748131200
&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. unknown Erreur : 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
Date Nom Hauteur
01.10.1977 Smith 1.85
11.06.1972 Adams
01.09.1992 Bianchi 1.72
colspan
A B C
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 :

Pays Capitale
France Paris
Z M
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
Pays Capitale
Pays-Bas Amsterdam (bien que La Haye soit le siège du gouvernement)
France Paris

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 :