Aide:Tableaux triables
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. |
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 | Ŋ | ŋ | Ō | ō | Ŏ | ŏ | Ő | ő | Œ | œ | Ŕ | ŕ | Ŗ | ŗ | Ř | ř | Ś | ś | Ŝ | ŝ | Ş | ş | Š |
š | Ţ | ţ | Ť | ť | Ŧ | ŧ | Ũ | ũ | Ū | ū | Ŭ | ŭ | Ů | ů | Ű | ű | Ų | ų | Ŵ | ŵ | Ŷ | ŷ | Ÿ | Ź | ź | Ż | ż | Ž | ž | ſ | Ə | ƒ | Ǻ | ǻ | Ǽ |
ǽ | Ǿ | ǿ | Ș | ș | Ț | ț | ə | ˆ | ˇ | ˉ | ˘ | ˙ | ˚ | ˛ | ˜ | ˝ | ΄ | ΅ | Ά | · | Έ | Ή | Ί | Ό | Ύ | Ώ | ΐ | Α | Β | Γ | Δ | Ε | Ζ | Η | Θ |
Ι | Κ | Λ | Μ | Ν | Ξ | Ο | Π | Ρ | Σ | Τ | Υ | Φ | Χ | Ψ | Ω | Ϊ | Ϋ | ά | έ | ή | ί | ΰ | α | β | γ | δ | ε | ζ | η | θ | ι | κ | λ | μ | ν |
ξ | ο | π | ρ | ς | σ | τ | υ | φ | χ | ψ | ω | ϊ | ϋ | ό | ύ | ώ | Ѐ | Ё | Ђ | Ѓ | Є | Ѕ | І | Ї | Ј | Љ | Њ | Ћ | Ќ | Ѝ | Ў | Џ | А | Б | В |
Г | Д | Е | Ж | З | И | Й | К | Л | М | Н | О | П | Р | С | Т | У | Ф | Х | Ц | Ч | Ш | Щ | Ъ | Ы | Ь | Э | Ю | Я | а | б | в | г | д | е | ж |
з | и | й | к | л | м | н | о | п | р | с | т | у | ф | х | ц | ч | ш | щ | ъ | ы | ь | э | ю | я | ѐ | ё | ђ | ѓ | є | ѕ | і | ї | ј | љ | њ |
ћ | ќ | ѝ | ў | џ | Ґ | ґ | Ḃ | ḃ | Ḋ | ḋ | Ḟ | ḟ | Ṁ | ṁ | Ṗ | ṗ | Ṡ | ṡ | Ṫ | ṫ | Ẁ | ẁ | Ẃ | ẃ | Ẅ | ẅ | Ỳ | ỳ | – | — | ― | ‗ | ‘ | ’ | ‚ |
‛ | “ | ” | „ | † | ‡ | • | … | ‰ | ′ | ″ | ‹ | › | ‼ | ‾ | ⁄ | ⁿ | ₣ | ₤ | ₧ | € | ℅ | ℓ | № | ™ | Ω | ℮ | ⅛ | ⅜ | ⅝ | ⅞ | ← | ↑ | → | ↓ | ↔ |
↕ | ↨ | ∂ | ∆ | ∏ | ∑ | − | ∕ | ∙ | √ | ∞ | ∟ | ∩ | ∫ | ≈ | ≠ | ≡ | ≤ | ≥ | ⌂ | ⌐ | ⌠ | ⌡ | ─ | │ | ┌ | ┐ | └ | ┘ | ├ | ┤ | ┬ | ┴ | ┼ | ═ | ║ |
╒ | ╓ | ╔ | ╕ | ╖ | ╗ | ╘ | ╙ | ╚ | ╛ | ╜ | ╝ | ╞ | ╟ | ╠ | ╡ | ╢ | ╣ | ╤ | ╥ | ╦ | ╧ | ╨ | ╩ | ╪ | ╫ | ╬ | ▀ | ▄ | █ | ▌ | ▐ | ░ | ▒ | ▓ | ■ |
□ | ▪ | ▫ | ▬ | ▲ | ► | ▼ | ◄ | ◊ | ○ | ● | ◘ | ◙ | ◦ | ☺ | ☻ | ☼ | ♀ | ♂ | ♠ | ♣ | ♥ | ♦ | ♪ | ♫ | | | fi | fl | � |
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.
|
|
|
|
|
|
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 | 18 déc. 2024 01:02:03 | &301734483723 010203 | 010203 | 1734483723 | |
1/2 | 02 janv. 2024 00:00:00 | &301704153600 1/2 | 1/2 | 1704153600 | |
1/2/3 | 02 janv. 2003 00:00:00 | &301041465600 1/2/3 | 1/2/3 | 1041465600 | |
1-2-2003 | 01 fév. 2003 00:00:00 | &301044057600 1-2-2003 | 1-2-2003 | 1044057600 | |
1-2-3 | 03 fév. 2001 00:00:00 | &300981158400 1-2-3 | 1-2-3 | 981158400 | |
2007 | 01 janv. 2007 00:00:00 | &301167609600 2007 | 2007 | 1167609600 | |
1 Jan 111, 00:00:00 | 01 janv. 0111 00:00:00 | &241335609600 1 Jan 111, 00:00:00 | 1 Jan 111, 00:00:00 | -58664390400 | |
31 Dec 9999, 23:59:59 | 31 déc. 9999 23:59:59 | &553402300799 31 Dec 9999, 23:59:59 | 31 Dec 9999, 23:59:59 | 253402300799 | |
Sep 1970 | 01 sept. 1970 00:00:00 | &300020995200 Sep 1970 | Sep 1970 | 20995200 | |
1970 | 01 janv. 1970 00:00:00 | &300000000000 1970 | 1970 | 0 | |
Jun 2007 | or later | 01 juin 2007 00:00:00 or later | &301180656000 Jun 2007 or later | Jun 2007 or later | 1180656000 or later |
Jun 2007 | perhaps earlier | 01 juin 2007 00:00:00 perhaps earlier | &301180656000 Jun 2007 perhaps earlier | Jun 2007 perhaps earlier | 1180656000 perhaps earlier |
2007-6 | 01 juin 2007 00:00:00 | &301180656000 2007-6 | 2007-6 | 1180656000 | |
Jun 2007 | 01 juin 2007 00:00:00 | &301180656000 Jun 2007 | Jun 2007 | 1180656000 | |
4 Jun 2007 | 04 juin 2007 00:00:00 | &301180915200 4 Jun 2007 | 4 Jun 2007 | 1180915200 | |
3 Jul 2007 | 03 juill. 2007 00:00:00 | &301183420800 3 Jul 2007 | 3 Jul 2007 | 1183420800 | |
12 Aug 2006 | 12 août 2006 00:00:00 | &301155340800 12 Aug 2006 | 12 Aug 2006 | 1155340800 | |
1 Mar 2006 -1day | 28 fév. 2006 00:00:00 | &301141084800 1 Mar 2006 -1day | 1 Mar 2006 -1day | 1141084800 | |
1 Mar 2008 -1day | 29 fév. 2008 00:00:00 | &301204243200 1 Mar 2008 -1day | 1 Mar 2008 -1day | 1204243200 | |
1 Mar 2010 -1day | 28 fév. 2010 00:00:00 | &301267315200 1 Mar 2010 -1day | 1 Mar 2010 -1day | 1267315200 | |
1 Mar 1900 -1day | 28 fév. 1900 00:00:00 | &297796022400 1 Mar 1900 -1day | 1 Mar 1900 -1day | -2203977600 | |
1 Mar 1600 -1day | 29 fév. 1600 00:00:00 | &288329001600 1 Mar 1600 -1day | 1 Mar 1600 -1day | -11670998400 | |
Jun 1607 | 01 juin 1607 00:00:00 | &288557875200 Jun 1607 | Jun 1607 | -11442124800 | |
20241218184118 | 18 déc. 2024 18:41:18 | &301734547278 20241218184118 | 20241218184118 | 1734547278 | |
yesterday | 17 déc. 2024 00:00:00 | &301734393600 yesterday | yesterday | 1734393600 | |
today | 18 déc. 2024 00:00:00 | &301734480000 today | today | 1734480000 | |
tomorrow | 19 déc. 2024 00:00:00 | &301734566400 tomorrow | tomorrow | 1734566400 | |
1week | 25 déc. 2024 18:41:18 | &301735152078 1week | 1week | 1735152078 | |
-1week | 11 déc. 2024 18:41:18 | &301733942478 -1week | -1week | 1733942478 | |
1day | 19 déc. 2024 18:41:18 | &301734633678 1day | 1day | 1734633678 | |
-1day | 17 déc. 2024 18:41:18 | &301734460878 -1day | -1day | 1734460878 | |
1month | 18 janv. 2025 18:41:18 | &301737225678 1month | 1month | 1737225678 | |
-1month | 18 nov. 2024 18:41:18 | &301731955278 -1month | -1month | 1731955278 | |
1year | 18 déc. 2025 18:41:18 | &301766083278 1year | 1year | 1766083278 | |
-1year | 18 déc. 2023 18:41:18 | &301702924878 -1year | -1year | 1702924878 | |
1000year | 18 déc. 3024 18:41:18 | &333291456078 1000year | 1000year | 33291456078 | |
10000month | 18 avr. 2858 18:41:18 | &328031942478 10000month | 10000month | 28031942478 | |
1000000day | 15 nov. 4762 18:41:18 | &388134547278 1000000day | 1000000day | 88134547278 | |
10000000hour | 05 oct. 3165 10:41:18 | &337734547278 10000000hour | 10000000hour | 37734547278 | |
1000000000minute | 17 avr. 3926 05:21:18 | &361734547278 1000000000minute | 1000000000minute | 61734547278 | |
100000000000second | 03 nov. 5193 04:27:58 | &401734547278 100000000000second | 100000000000second | 101734547278 | |
7980year | Erreur : #time prend uniquement en charge des années jusqu’en 9999. | &Expression error: Unexpected < operator. 7980year | 7980year | Erreur : #time prend uniquement en charge des années jusqu’en 9999. | |
-1890year | 18 déc. 0134 18:41:18 | &242091849678 -1890year | -1890year | -57908150322 | |
Mon | 23 déc. 2024 00:00:00 | &301734912000 Mon | Mon | 1734912000 | |
Tue | 24 déc. 2024 00:00:00 | &301734998400 Tue | Tue | 1734998400 | |
Wed | 18 déc. 2024 00:00:00 | &301734480000 Wed | Wed | 1734480000 | |
Thu | 19 déc. 2024 00:00:00 | &301734566400 Thu | Thu | 1734566400 | |
Fri | 20 déc. 2024 00:00:00 | &301734652800 Fri | Fri | 1734652800 | |
Sat | 21 déc. 2024 00:00:00 | &301734739200 Sat | Sat | 1734739200 | |
Sun | 22 déc. 2024 00:00:00 | &301734825600 Sun | Sun | 1734825600 | |
Erreur : durée invalide. | &Expression error: Unexpected < operator. | Erreur : durée invalide. | |||
unknown | Erreur : durée invalide. | &Expression error: Unexpected < operator. unknown | 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 :
- w:Template:dts - Trier un tableau en fonction d'une colonne de dates
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.
|
|
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 |
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.
|
|
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 :
- Réarranger le wikicode du tableau sans la ligne du début ni la ligne de fin.
- Remplacer les séparateurs de cellules par un code unique qui ne contient pas de "|" en utilisant trouver et remplacer.
- 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).
- 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. - Supprimer les éléments qui commencent par "-" et par un passage à la ligne.
- 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
- Help:Table
- w:Category:Sorting templates
- jquery.tablesorter.js - TableSorter pour MediaWiki
- http://www.kryogenix.org/code/browser/sorttable/ - Le code original de Stuart Langridge doit être expliqué. Dans la version MediaWiki, les tableaux n'ont plus besoin d'identifiant.
- Pour des instructions plus détaillées, voir la page Wikipedia.
- Manuel:$wgCategoryCollation – Vous permet de changer le classement utilisé pour les catégories (nécessite un accès au shell).
- Références des caractères Unicode de Wikilivres.
Autres exemples :
- w:Ranked list of Dutch provinces
- w:List of countries by GDP estimates for 2006 (nominal)
- w:List of countries by GDP (PPP), 2006
- w:List of longest reigning current monarchs - Les colonnes de date peuvent être triées par ceux qui ne se soucient pas du format de date et par ceux qui préfèrent [[YYYY-MM-DD]].
- Pokémon table - Placer un "#" devant les nombres pour les positionner en tête "-".
- Puissance nucléaire par pays (Liste des fonctionnalités)
- w:Desert Island Discs: castaways' choices
- zh:秘鲁行政区划 (subdivisions du Pérou) pour le tri en chinois (CJK)
- w:Standard electrode potential (data page)