Aide:Tableaux triables

This page is a translated version of the page Help:Sortable tables and the translation is 100% complete.
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). 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 data-sort-value="...".

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 &301734483723 18 déc. 2024 01:02:03 &301734483723 010203 &301734483723 010203 1734483723
1/2 &301704153600 02 janv. 2024 00:00:00 &301704153600 1/2 &301704153600 1/2 1704153600
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
20241218184118 &301734547278 18 déc. 2024 18:41:18 &301734547278 20241218184118 &301734547278 20241218184118 1734547278
yesterday &301734393600 17 déc. 2024 00:00:00 &301734393600 yesterday &301734393600 yesterday 1734393600
today &301734480000 18 déc. 2024 00:00:00 &301734480000 today &301734480000 today 1734480000
tomorrow &301734566400 19 déc. 2024 00:00:00 &301734566400 tomorrow &301734566400 tomorrow 1734566400
1week &301735152078 25 déc. 2024 18:41:18 &301735152078 1week &301735152078 1week 1735152078
-1week &301733942478 11 déc. 2024 18:41:18 &301733942478 -1week &301733942478 -1week 1733942478
1day &301734633678 19 déc. 2024 18:41:18 &301734633678 1day &301734633678 1day 1734633678
-1day &301734460878 17 déc. 2024 18:41:18 &301734460878 -1day &301734460878 -1day 1734460878
1month &301737225678 18 janv. 2025 18:41:18 &301737225678 1month &301737225678 1month 1737225678
-1month &301731955278 18 nov. 2024 18:41:18 &301731955278 -1month &301731955278 -1month 1731955278
1year &301766083278 18 déc. 2025 18:41:18 &301766083278 1year &301766083278 1year 1766083278
-1year &301702924878 18 déc. 2023 18:41:18 &301702924878 -1year &301702924878 -1year 1702924878
1000year &333291456078 18 déc. 3024 18:41:18 &333291456078 1000year &333291456078 1000year 33291456078
10000month &328031942478 18 avr. 2858 18:41:18 &328031942478 10000month &328031942478 10000month 28031942478
1000000day &388134547278 15 nov. 4762 18:41:18 &388134547278 1000000day &388134547278 1000000day 88134547278
10000000hour &337734547278 05 oct. 3165 10:41:18 &337734547278 10000000hour &337734547278 10000000hour 37734547278
1000000000minute &361734547278 17 avr. 3926 05:21:18 &361734547278 1000000000minute &361734547278 1000000000minute 61734547278
100000000000second &401734547278 03 nov. 5193 04:27:58 &401734547278 100000000000second &401734547278 100000000000second 101734547278
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 &242091849678 18 déc. 0134 18:41:18 &242091849678 -1890year &242091849678 -1890year -57908150322
Mon &301734912000 23 déc. 2024 00:00:00 &301734912000 Mon &301734912000 Mon 1734912000
Tue &301734998400 24 déc. 2024 00:00:00 &301734998400 Tue &301734998400 Tue 1734998400
Wed &301734480000 18 déc. 2024 00:00:00 &301734480000 Wed &301734480000 Wed 1734480000
Thu &301734566400 19 déc. 2024 00:00:00 &301734566400 Thu &301734566400 Thu 1734566400
Fri &301734652800 20 déc. 2024 00:00:00 &301734652800 Fri &301734652800 Fri 1734652800
Sat &301734739200 21 déc. 2024 00:00:00 &301734739200 Sat &301734739200 Sat 1734739200
Sun &301734825600 22 déc. 2024 00:00:00 &301734825600 Sun &301734825600 Sun 1734825600
&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 :