Editando Ayuda:Tablas (sección)

===Ordenables===

:''Hay más información en [[wikipedia-en:meta:Help:Sorting|Help:Sorting]] (en inglés)''

Algunas tablas se pueden hacer ordenables añadiendo <tt>class="sortable"</tt>. A pesar de ser muy útil, es importante mantener las posibilidades y limitaciones de la presentación presentes a la hora de diseñar una tabla. Por ejemplo:

* No es bueno dividir una tabla en secciones con ''subheaders'' (sub-cabeceras) que abarquen varias filas. En vez de ello, una columna extra se puede crear para mostrar el contenido de esas cabeceras en cada columna, siendo más corto el método.
* No es bueno tener elementos que abarquen toda la columna. Al contrario, es mejor repetir el contenido en cada columna, de manera más corta.
* En un columna de números, no se debe colocar texto como "ca." en frente a un número que va a clasificarse como cero. No se debe colocar texto después del número, ni un rango de números (no afecta la posición de clasificación para el modo de clasificación numérica, y en el caso de un rango, el primer número determina la posición; pero si es el elemento en la parte superior, posiblemente después de su clasificación o de otra columna, induce la clasificación alfabética). En su lugar, poner estos textos en una columna aparte. Por otra parte, para mayor flexibilidad, ''sortkeys'' ocultos pueden ser utilizados con el modo de ordenación alfabética.

Una forma de contenido muy abreviada se puede poner en la leyenda fuera de la tabla.

'''En la wiki'''
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{| class="wikitable sortable" border="1"
|+ Sortable table
|-
! scope="col" | Alfabético
! scope="col" | Numérico
! scope="col" | Fecha
! scope="col" class="unsortable" | Desordenada
|-
| C || 2 || 2011-11-1 || Esta
|-
| d || 15 || 2014-13-01 || columna
|-
| e || 12 || 1959-07-2 || no se
|-
| a || 3 || 492-11-02 || puede
|-
| b || 7 || 1601-05-12 || ordenar
|}
</nowiki></pre></div>

'''Aparecerá así:''':
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable sortable"
|+ Sortable table
|-

! scope="col" | Alfabético
! scope="col" | Numérico
! scope="col" | Fecha
! scope="col" class="unsortable" | Desordenada
|-
| C || 2 || 2011-11-1 || Esta
|-
| d || 15 || 2014-13-01 || columna
|-
| e || 12 || 1959-07-2 || no se
|-
| a || 3 || 492-11-02 || puede
|-
| b || 7 || 1601-05-12 || ordenar
|}
</div>
<!--
Algunoas ejemplos: [[Wikipedia:Encuentros]], [[Indígenas del Paraguay]], [[Anexo:Países del mundo]].

Guía: [[:en:Help:Table#Sorting]]

Tables can be made sortable by adding <tt>class="sortable"</tt>; for details see '''[[Help:Sorting]]''' (en inglés). Since this can be very useful, it is wise to keep the possibilities and limitations of this feature in mind when designing a table. For example:

* Do not divide a table into sections by subheaders spanning several rows. Instead, an extra column can be made showing the content of these headers on each row, in a short form.
* Do not have elements spanning several columns; instead, again, repeat the content on each row, in a short form.
* In a column of numbers, do not put text such as "ca." in front of a number-it will sort like zero. Do not put text after the number, and do not put a range of numbers (it does not affect the sorting position for numeric sorting mode, and in the case of a range, the first number determines the position, but if, possibly after sorting this or another column, the element is at the top, it will induce alphabetic sorting mode). Instead, put these texts in a separate column. Alternatively, for the greatest flexibility, alphabetic sorting mode with hidden sortkeys can be used.

A long form of abbreviated content can be put as legend outside the table.

'''Wiki markup'''
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{| class="wikitable sortable" border="1"
|+ Sortable table
|-
! scope="col" | Alphabetic
! scope="col" | Numeric
! scope="col" | Date
! scope="col" class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
</nowiki></pre></div>

'''As it appears in a browser''':
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable sortable"
|+ Sortable table
|-
! scope="col" | Alphabetic
! scope="col" | Numeric
! scope="col" | Date
! scope="col" class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
</div>

===Sorting and collapsing===

It is possible to collapse a sortable table. To do so, you need to use the code 
<tt>{| class="wikitable sortable collapsible"</tt>. Taking the above table and making it collapsable gives you this:

'''Wiki markup'''
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;"><pre><nowiki>
{| class="wikitable sortable collapsible" border="1"
|+ Sortable and collapsible table
|-
! scope="col" | Alphabetic
! scope="col" | Numeric
! scope="col" | Date
! scope="col" class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
</nowiki></pre></div>


'''As it appears in a browser''':
<div style="background: white; border: 1px solid rgb(153, 153, 153); padding: 1em;">
{| class="wikitable sortable collapsible"
|+ Sortable and collapsible table
|-
! scope="col" | Alphabetic
! scope="col" | Numeric
! scope="col" | Date
! scope="col" class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
</div>

If you want the table to default to collapsed state, use the code <tt>{| class="wikitable sortable collapsible collapsed"</tt> in place of <tt>{| class="wikitable sortable collapsible"</tt>

-->