Jump to content

Ajuda:Taules ordenables

From mediawiki.org
This page is a translated version of the page Help:Sortable tables and the translation is 92% complete.

Per crear una taula ordenable, afegiu la classe sortable a la taula. Aquesta classe afegeix fletxes que es mostren al costat dels encapçalaments de cada columna dins de cada cel·la d'encapçalament. (Vegeu l'exemple següent.) Quan feu clic en una fletxa, les files de la taula s'organitzen segons la columna escollida. Si feu clic contínuament a la fletxa, l'ordre d'ordenació es modifica amb el patró següent: Ascendent (de mínim a màxim), Descendent (de màxim a mínim) i, a continuació, Sense ordenar (seqüencial). Podeu realitzar ordenacions secundàries fent clic a les fletxes de diferents columnes amb la tecla Majúscules premuda.

Cada clic amb la tecla Majúscules definirà l'ordenació secundària en funció de la columna en què s'ha fet clic, i aquesta capacitat s'estén a les ordenacions terciaries i posteriors.

Modes d'ordenació

Els elements s'ordenen segons el tipus de dades de les primeres files sota la capçalera. Per determinar el tipus de dades, s'examinen les primeres cinc files no buides sota la capçalera en carregar la pàgina i se selecciona el format més adequat. Es poden produir discrepàncies. A més, es pot forçar l'ordre d'ordenació de columnes específiques, tal com s'explica a la secció pertinent a continuació.

Actualment, les etiquetes com ara span o sup no afecten la manera com es determinen els tipus de dades, però sí els números de referència i els comentaris visibles.

Dates

S'accepten diferents formats de data, fins i tot aquells amb noms de mesos en idiomes locals. Per exemple, a la Viquipèdia en alemany, "16. März 2010" s'ordena correctament com a 2010-03-16.

S'admeten diferents formats numèrics, inclosos els que tenen diversos separadors com ara punts, comes, apòstrofs o barres (com ara . , ' /). La Viquipèdia en anglès normalment utilitza el format de data dels EUA (així: mes-dia-any).

Números

L'script pot detectar números que utilitzen "." o "," com a separadors decimals, així com nombres escrits en notació científica (utilitzant "e" o "E"). Per defecte, els números s'ordenaran segons l'ordre alfanumèric, és a dir, que s'ordenaran com a cadenes en lloc de valors numèrics. Això pot provocar ordenacions inesperades, com ara "9" després de "10". Tanmateix, aquest comportament per defecte es pot anul·lar si es desitja.

Text

Quan les llistes s'ordenen alfabèticament per MediaWiki, l'ordre dels caràcters s'ordena amb Intl.Collator. Això ordena els caràcters accentuats correctament segons PageContentLanguage.

La visualització que en fa Android no admet això, per la qual cosa cal tornar a l'antiga rutina d'ordenació. L'ordre és el mateix que l'ordre dels punts de codi Unicode. Alguns dels caràcters més comuns s'ordenen de la següent manera (en ordre ascendent):

 
! " # $ % & ' ( ) * + , - . / 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 Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š
š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ſ Ə ƒ Ǻ ǻ Ǽ
ǽ Ǿ ǿ Ș ș Ț ț ə ˆ ˇ ˉ ˘ ˙ ˚ ˛ ˜ ˝ ΄ ΅ Ά · Έ Ή Ί Ό Ύ Ώ ΐ Α Β Γ Δ Ε Ζ Η Θ
Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω Ϊ Ϋ ά έ ή ί ΰ α β γ δ ε ζ η θ ι κ λ μ ν
ξ ο π ρ ς σ τ υ φ χ ψ ω ϊ ϋ ό ύ ώ Ѐ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ѝ Ў Џ А Б В
Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж
з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ѐ ё ђ ѓ є ѕ і ї ј љ њ
ћ ќ ѝ ў џ Ґ ґ
Ω

Forçar el mode d'ordenació d'una columna

Afegir data-sort-type="..." a la capçalera permet controlar com s'ordena una taula. Aquesta funció deriva de tablesorter.com (web.archive.org). Els valors vàlids per a "data-sort-type" inclouen els següents, que no distingeixen entre majúscules i minúscules:

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

Per exemple:

Wikitext

{|class="wikitable sortable"
!data-sort-type="date"| Data !! Nom !! Alçada !!data-sort-type="number"| Salari
|-
| 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
|}

Renderització

Data Nom Alçada Salari
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


Especificació d'una clau d'ordenació

Si cal, podeu determinar la manera com s'ordenen o s'analitzen les cel·les. Per exemple, si una cel·la diu "John Smith", però s'hauria d'ordenar segons "Smith", podeu utilitzar l'atribut data-sort-value="..." per aconseguir-ho.

Wikitext

{|class="wikitable sortable"
! Nom i cognom !! Alçada
|-
|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
|}

Renderització

Nom i cognom Alçada
John Smith 1.85
Ian Ray 1.89
Zachary Bianchi 1.72

Control de l'ordenació i la visualització

Per assegurar-vos que cert text no s'ordena, però que es mostra, utilitzeu data-sort-type="...". Aleshores podeu afegir text addicional després dels valors, com ara "200 aprox." o "100[1]". Una cel·la buida ordena com a "-Infinity".

Si una cel·la conté un interval de dates o números (per exemple, del 2 al 5), utilitzeu data-sort-value="...".

Exemples

La primera columna ordena els números simples. La segona columna ordena més contingut com a números mitjançant data-sort-type="number" a la capçalera de la taula. La quarta columna defineix els valors d'ordenació numèrica independentment del contingut de la cel·la mitjançant data-sort-value="...".

números 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 manera com es mostren les comes (,) i els punts decimals (.) a Mediawiki depèn de la configuració de l'idioma. Els símbols de moneda i el símbol de percentatge (%) s'ordenen numèricament segons aquesta configuració.

diners
$ 9
$ 80
$ 70
$ 600
diners
9 €
80 €
70 €
600 €
diners
£ 9
£ 80
£ 70
£ 600
diners
¥ 9
¥ 80
¥ 70
¥ 600
percentatge
9 %
80 %
70 %
600 %
números
−7e270
-1.4285714285714E-13
999e9
7e270

Forcing the initial sort direction

MediaWiki version:
1.47

By default, clicking a column header for the first time sorts it in ascending order. To make a column sort in descending order on the first click, add data-sort-order="desc" to its header cell. The default behavior for all subsequent clicks remains unchanged.

Wikitext

{| class="wikitable sortable"
!data-sort-order="desc"| Score !! Name
|-
| 72 || Smith
|-
| 50 || Ray
|-
| 95 || Bianchi
|}

Rendering

Score Name
72 Smith
50 Ray
95 Bianchi


Clau d'ordenació secundària

Podeu ordenar les dades per columnes, amb la columna A com a clau d'ordenació principal. Si la columna A té valors iguals, utilitzeu la columna B com a clau secundària. Feu clic al botó d'ordenació de la columna A una o dues vegades i, a continuació, mentre manteniu premuda la tecla Majúscules, feu clic al botó d'ordenació de la columna B una o dues vegades per a un refinament addicional.

Per exemple:

Feu clic primer a la columna "Text", després manteniu premuda la tecla Majúscules i feu clic a la columna "Números". Veureu que els elements s'ordenen primer segons el text i després segons els números.

Números Text Dates Diners Més text
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
Inferior

Funcions addicionals

Exclusió de l'última fila de l'ordenació

Podeu ometre l'ordenació de l'última fila d'una taula marcant-la amb class="sortbottom". També podeu excloure-la de l'ordenació declarant-la com a peu de pàgina amb un signe d'exclamació (!).

Wikitext

{|class="wikitable sortable"
! Nom !! Cognom !! Alçada
|-
| John || Smith || 1.85
|-
| Ron || Ray || 1.89
|-
| Mario || Bianchi || 1.72
|- class="sortbottom"
! !! Mitjana: || 1.82
|}

Renderització

Nom Cognom Alçada
John Smith 1.85
Ron Ray 1.89
Mario Bianchi 1.72
Mitjana: 1.82

Exclusió de la primera fila de l'ordenació

Podeu excloure la primera fila utilitzant class="sorttop".

Wikitext

{|class="wikitable sortable"
! Nom !! Cognom !! Alçada
|- class="sorttop"
! !! Mitjana: || 1.82
|-
| John || Smith || 1.85
|-
| Ron || Ray || 1.89
|-
| Mario || Bianchi || 1.72
|}

Renderització

Nom Cognom Alçada
Mitjana: 1.82
John Smith 1.85
Ron Ray 1.89
Mario Bianchi 1.72

Fer que una columna no es pugui ordenar

Per evitar que una columna es pugui ordenar, utilitzeu class="unsortable" als atributs de la cel·la de l'encapçalament.

Wikitext

{|class="wikitable sortable"
! Números !! Alfabet !! Dates !! Diners !!class="unsortable"| No ordenable
|-
| 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 !!
|-
|}

Renderització

Números Alfabet Dates Diners No ordenable
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

Mantenir algunes files juntes

Per permetre que una fila sense columnes sempre es mantingui a sota de la fila amb columnes que hi ha a sobre, independentment de com les ordeneu, utilitzeu class="expand-child" a l'atribut de la fila.

Wikitext

{| class="wikitable sortable"
!style="width:9em"| País !!data-sort-type="number"| Àrea
|-
| França
| 674 843 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| A París hi ha la Torre Eiffel.
|-
| Regne Unit
| 242 495 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| Al Regne Unit no es pot pagar amb euros.
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| I conduïu per la banda esquerra de la carretera.
|-
| Alemanya
| 357 168 km²
|- class="expand-child" style="font-size:85%; line-height:1.2; color:gray"
|colspan="2"| Alemanya inclou l'anterior de l'Est.
|}

Renderització

País Àrea
França 674 843 km²
A París hi ha la Torre Eiffel.
Regne Unit 242 495 km²
Al Regne Unit no es pot pagar amb euros.
I conduïu per la banda esquerra de la carretera.
Alemanya 357 168 km²
Alemanya inclou l'anterior de l'Est.

Si poseu a data-sort-value el mateix contingut que la fila anterior, també es mantindran aquestes files juntes. Es conserva l'ordre original mutu d'aquestes files. Una millor manera de fer-ho és la classe expand-child, vegeu més amunt #Mantenir algunes files juntes.

Un exemple on s'utilitza data-sort-value és el cas de les files sobre els Netherlands:

{|class="wikitable sortable"
! País/província !! Capital
|-
| França || París
|-
| Països Baixos || Amsterdam
|-
|data-sort-value="Països Baixos"| Holanda Meridional ||data-sort-value="Amsterdam"| La Haia
|-
| Regne Unit || Londres
|}
País/província Capital
França París
Països Baixos Amsterdam
Holanda Meridional La Haia
Regne Unit Londres

Dates especials

Per representar anys anteriors a l'era comuna (aC), resteu l'any aC 10.000. Per exemple, -62 BCE aC seria 10.000 - 62 = 9938.

Per exemple, el 23 de setembre del 62 aC es representaria com a 9938-09-23.

Si una columna de la taula té dates incompletes, l'ordenació no serà un problema. Si només es proporciona un any i un mes, s'ordena abans del primer dia d'aquell mes. De la mateixa manera, si només es proporciona un any, s'ordena abans del primer mes o dia d'aquell any.

Wikitext

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

Renderització

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

Ús de #time

Podeu utilitzar la funció d'anàlisi #time i les etiquetes HTML per mostrar un interval de dates específic. Afegint l'etiqueta HTML <span style="display:none">&{{#expr:3e11+{{#time:U|..}}}}</span> abans de la data que es mostra, podeu manipular la manera com es mostra la data. Aquest mètode funciona per a dates entre l'1 de gener de l'any 111 dC i el 31 de desembre de l'any 9999 dC, utilitzant el calendari gregorià prolèptic. El valor afegit garanteix que tots els valors siguin positius i de longitud uniforme. Si col·loqueu "&" abans de l'expressió, es força el mode d'ordenació de cadenes.

Podeu introduir dates i hores utilitzant qualsevol format PHP per a data i hora. Recordeu, si esteu especificant només un any, heu d'incloure un mes (normalment el gener) en segon pla.

Per exemple, utilitzant date :

data d'entrada text data i hora tal com s'interpreta, amb clau d'ordenació oculta entrada amb clau d'ordenació visible entrada amb clau d'ordenació oculta temps Unix
010203 &301789347723 14 set 2026 01:02:03 &301789347723 010203 &301789347723 010203 1789347723
1/2 &301767312000 02 gen 2026 00:00:00 &301767312000 1/2 &301767312000 1/2 1767312000
1/2/3 &301041465600 02 gen 2003 00:00:00 &301041465600 1/2/3 &301041465600 1/2/3 1041465600
1-2-2003 &301044057600 01 feb 2003 00:00:00 &301044057600 1-2-2003 &301044057600 1-2-2003 1044057600
1-2-3 &300981158400 03 feb 2001 00:00:00 &300981158400 1-2-3 &300981158400 1-2-3 981158400
2007 &301167609600 01 gen 2007 00:00:00 &301167609600 2007 &301167609600 2007 1167609600
1 Jan 111, 00:00:00 &241335609600 01 gen 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 des 9999 23:59:59 &553402300799 31 Dec 9999, 23:59:59 &553402300799 31 Dec 9999, 23:59:59 253402300799
Sep 1970 &300020995200 01 set 1970 00:00:00 &300020995200 Sep 1970 &300020995200 Sep 1970 20995200
1970 &300000000000 01 gen 1970 00:00:00 &300000000000 1970 &300000000000 1970 0
Jun 2007 or later &301180656000 01 juny 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 juny 2007 00:00:00 perhaps earlier &301180656000 Jun 2007 perhaps earlier &301180656000 Jun 2007 perhaps earlier 1180656000 perhaps earlier
2007-6 &301180656000 01 juny 2007 00:00:00 &301180656000 2007-6 &301180656000 2007-6 1180656000
Jun 2007 &301180656000 01 juny 2007 00:00:00 &301180656000 Jun 2007 &301180656000 Jun 2007 1180656000
4 Jun 2007 &301180915200 04 juny 2007 00:00:00 &301180915200 4 Jun 2007 &301180915200 4 Jun 2007 1180915200
3 Jul 2007 &301183420800 03 jul 2007 00:00:00 &301183420800 3 Jul 2007 &301183420800 3 Jul 2007 1183420800
12 Aug 2006 &301155340800 12 ago 2006 00:00:00 &301155340800 12 Aug 2006 &301155340800 12 Aug 2006 1155340800
1 Mar 2006 -1day &301141084800 28 feb 2006 00:00:00 &301141084800 1 Mar 2006 -1day &301141084800 1 Mar 2006 -1day 1141084800
1 Mar 2008 -1day &301204243200 29 feb 2008 00:00:00 &301204243200 1 Mar 2008 -1day &301204243200 1 Mar 2008 -1day 1204243200
1 Mar 2010 -1day &301267315200 28 feb 2010 00:00:00 &301267315200 1 Mar 2010 -1day &301267315200 1 Mar 2010 -1day 1267315200
1 Mar 1900 -1day &297796022400 28 feb 1900 00:00:00 &297796022400 1 Mar 1900 -1day &297796022400 1 Mar 1900 -1day -2203977600
1 Mar 1600 -1day &288329001600 29 feb 1600 00:00:00 &288329001600 1 Mar 1600 -1day &288329001600 1 Mar 1600 -1day -11670998400
Jun 1607 &288557875200 01 juny 1607 00:00:00 &288557875200 Jun 1607 &288557875200 Jun 1607 -11442124800
20260914235338 &301789430018 14 set 2026 23:53:38 &301789430018 20260914235338 &301789430018 20260914235338 1789430018
yesterday &301789257600 13 set 2026 00:00:00 &301789257600 yesterday &301789257600 yesterday 1789257600
today &301789344000 14 set 2026 00:00:00 &301789344000 today &301789344000 today 1789344000
tomorrow &301789430400 15 set 2026 00:00:00 &301789430400 tomorrow &301789430400 tomorrow 1789430400
1week &301790034818 21 set 2026 23:53:38 &301790034818 1week &301790034818 1week 1790034818
-1week &301788825218 07 set 2026 23:53:38 &301788825218 -1week &301788825218 -1week 1788825218
1day &301789516418 15 set 2026 23:53:38 &301789516418 1day &301789516418 1day 1789516418
-1day &301789343618 13 set 2026 23:53:38 &301789343618 -1day &301789343618 -1day 1789343618
1month &301792022018 14 oct 2026 23:53:38 &301792022018 1month &301792022018 1month 1792022018
-1month &301786751618 14 ago 2026 23:53:38 &301786751618 -1month &301786751618 -1month 1786751618
1year &301820966018 14 set 2027 23:53:38 &301820966018 1year &301820966018 1year 1820966018
-1year &301757894018 14 set 2025 23:53:38 &301757894018 -1year &301757894018 -1year 1757894018
1000year &333346338818 14 set 3026 23:53:38 &333346338818 1000year &333346338818 1000year 33346338818
10000month &328086911618 14 gen 2860 23:53:38 &328086911618 10000month &328086911618 10000month 28086911618
1000000day &388189430018 11 ago 4764 23:53:38 &388189430018 1000000day &388189430018 1000000day 88189430018
10000000hour &337789430018 02 jul 3167 15:53:38 &337789430018 10000000hour &337789430018 10000000hour 37789430018
1000000000minute &361789430018 12 gen 3928 10:33:38 &361789430018 1000000000minute &361789430018 1000000000minute 61789430018
100000000000second &401789430018 31 jul 5195 09:40:18 &401789430018 100000000000second &401789430018 100000000000second 101789430018
7980year &Expression error: Unexpected < operator. Error: #time només admet anys fins al 9999. &Expression error: Unexpected < operator. 7980year &Expression error: Unexpected < operator. 7980year Error: #time només admet anys fins al 9999.
-1890year &242146818818 14 set 0136 23:53:38 &242146818818 -1890year &242146818818 -1890year -57853181182
Mon &301789344000 14 set 2026 00:00:00 &301789344000 Mon &301789344000 Mon 1789344000
Tue &301789430400 15 set 2026 00:00:00 &301789430400 Tue &301789430400 Tue 1789430400
Wed &301789516800 16 set 2026 00:00:00 &301789516800 Wed &301789516800 Wed 1789516800
Thu &301789603200 17 set 2026 00:00:00 &301789603200 Thu &301789603200 Thu 1789603200
Fri &301789689600 18 set 2026 00:00:00 &301789689600 Fri &301789689600 Fri 1789689600
Sat &301789776000 19 set 2026 00:00:00 &301789776000 Sat &301789776000 Sat 1789776000
Sun &301789862400 20 set 2026 00:00:00 &301789862400 Sun &301789862400 Sun 1789862400
&Expression error: Unexpected < operator. Error: temps no vàlid &Expression error: Unexpected < operator. &Expression error: Unexpected < operator. Error: temps no vàlid
unknown &Expression error: Unexpected < operator. Error: temps no vàlid &Expression error: Unexpected < operator. unknown &Expression error: Unexpected < operator. unknown Error: temps no vàlid

Per utilitzar dates anteriors a l'any 111 dC, afegiu un múltiple de 400 (com ara 6000) a tots els anys. Això canvia el rang per començar des de l'1 de gener de -5889, a les 00:00:00, i acabar el 31 de desembre de 3999, a les 23:59:59, sense alterar el sistema de calendari.

Vegeu també:

Cel·la que abasta diverses files/cel·les

Una cel·la que s'estén per diverses files o columnes es considera equivalent a tenir diverses cel·les amb valors idèntics.

rowspan
Data Nom Alçada
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

Qualsevol cel·la que falti al final d'una fila es convertirà en cel·les buides després de la primera ordenació.

Cel·les que abasten més d'una columna

Els modes d'ordenació es detecten per separat per a cada columna que conté cel·les expandides en més d'una columna. Podeu definir un mode d'ordenació per a totes les columnes expandides en més d'una columna incloent data-sort-type a l'encapçalament.

Per implementar claus d'ordenació separades per a cada columna dins d'una cel·la expandida en més d'una columna, utilitzeu un truc CSS descrit aquí: assegureu-vos que hi hagi un nombre igual de cel·les a cada fila per a les columnes ordenables. Si hi ha una discrepància, totes les columnes esdevenen ordenables. Aquesta regla s'hauria d'aplicar fins a l'última columna ordenable. Tanmateix, l'ús d'una solució alternativa CSS permet una diferència entre el nombre de cel·les que es mostren en una fila i el recompte formal. Per exemple, dues cel·les formals poden aparèixer com una ajustant l'amplada de la primera columna, desplaçant el contingut de la segona cel·la cap a l'esquerra, augmentant la seva amplada en la mateixa mesura i ocultant la vora de la cel·la que normalment seria visible. Les claus d'ordenació ocultes permeten gestionar l'ordre d'ordenació de files específiques en relació amb cada columna.

Per exemple:

País Capital
França París
Z M
Ordenant respecte a la primera columna, aquesta fila s'ordena com Z, respecte a la segona columna com M
Regne Unit Londres

Columna estàtica

Per fer una columna estàtica, com una amb números de fila, feu servir dues taules col·locades una al costat de l'altra. Assegureu-vos que cada fila de les dues taules tingui la mateixa alçada. També podeu utilitzar ca:Plantilla:Números de fila estàtics per generar números de fila implícitament mitjançant CSS en lloc de crear una altra taula.

Número
1
2
País Capital
Països Baixos Amsterdam (encara que la Haia és la seu del govern)
França París

El format es pot modificar per presentar-ho tot en una taula unificada. Si una fila és massa curta per al text d'una cel·la, el navegador l'expandirà, interrompent l'alineació.

Ordre per defecte

No podeu mostrar una taula ordenada per una columna determinada sense que l'usuari hi faci clic. Per defecte, les files de la taula apareixen en l'ordre com està introduïda al wikitext. Per mostrar una taula ordenada per una columna específica, haureu d'organitzar el wikitext en conseqüència. Una manera de fer-ho és:

  1. Reorganitzeu el wikitext de la taula sense les línies superior i inferior.
  2. Substituïu els separadors de cel·les per un codi únic que no contingui un "|" mitjançant "cerca i substitueix".
  3. Substituïu les barres verticals dins de les cel·les de la taula per un codi i, a continuació, substituïu aquest codi per un caràcter de salt de línia precedit per ell (que indica l'inici d'una nova fila).
  4. Utilitzeu el mòdul Sort a Special:ExpandTemplates. Per ordenar els elements entre les barres verticals i produir el separador desitjat, expandiu les plantilles i afegiu {{#invoke:Sort|f||- | (amb el salt de línia) abans i }} després del wikitext.
  5. Suprimiu els elements que comencen amb "-" i un salt de línia.
  6. Canvieu els codis temporals dels separadors de cel·les i les barres verticals dins de les cel·les per restaurar-los.

Aquest mètode d'ordenació es basa en el wikitext de cada fila, ordenant principalment pel contingut de la primera columna. La segona columna serveix com a clau secundària. Tanmateix, els codis wikitext de les cel·les de la primera columna abans del contingut poden afectar l'ordre.

També pots utilitzar Snippets/Sort table on reload per ordenar automàticament la taula quan es carrega mitjançant JavaScript.

Estats d'ordenació persistents mitjançant cookies

You can save the state of sortable tables across reloads using Snippets/Persistent sort order .

Vegeu també

Other examples: