Plantilla:Static row numbers
Uso
Esta plantilla añade una columna de números de fila a una tabla. Los números no se ordenan con el resto de la tabla, permaneciendo estáticos. Se proporcionan clases opcionales para mostrar una etiqueta de columna o deshabilitar los números en filas específicas.
Funciona en las versiones de escritorio y móviles de las páginas de Wikipedia.
Uso
Incluya esta plantilla añadiendo {{static row numbers}} o su redirección {{static-row-numbers}} encima de una tabla. Añada la clase static-row-numbers al wikitexto inicial de la tabla. Opcionalmente, añada las demás clases que se indican a continuación.
Wikitexto:
{{static row numbers}}
{|class="static-row-numbers"
| Clase de tabla | Sumario |
|---|---|
static-row-numbers
|
Requerido. Muestra una columna de números de fila alineados a la derecha. Requiere al menos una fila de encabezado. |
static-row-numbers-center
|
Centra los números. Predeterminado a la derecha. |
static-row-numbers-left
|
Alinea los números a la izquierda. El valor predeterminado es a la derecha. |
static-row-header-text
|
Muestra el texto "N.º" en la etiqueta de la columna. |
static-row-header-hash
|
Muestra el símbolo almohadilla ("#") en la etiqueta de la columna. |
| Atributos de la tabla | Sumario |
|---|---|
data-srn-limit="N"
|
Eliminar los números más allá de la fila "N" de los datos ordenables donde "N" es el número 10. "Requiere una tabla ordenable". Resultados impredecibles al agregar sorttop (usando static-row-header) filas arriba o static-row-numbers-norank filas en los datos ordenables. Ejemplo: {| class="static-row-numbers" data-srn-limit="10".
|
| Clase de fila | Sumario |
|---|---|
static-row-header
|
Desactiva un número de fila. Desactiva los límites entre usos consecutivos de filas (simula rowspan). Agrega a las filas sorttop y sortbottom. Agrega a las filas de encabezado excepto la primera.
|
static-row-numbers-norank
|
Desactiva un número de fila. Mantiene los límites entre usos consecutivos de filas. Opcionalmente, se puede añadir a las filas de datos. |
Uso con tablas ordenables
Las filas de encabezado de varias tablas ordenables deben tener la clase static-row-header agregada a todas las filas de encabezado excepto a la primera para que no se numeren cuando JavaScript esté deshabilitado. También es necesaria en las filas que usan las clases sorttop o sortbottom, descritas en #Deshabilitar números en filas específicas.
Wikitexto:
{{static row numbers}}
{|class="wikitable sortable static-row-numbers"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|-
|Red||1||2||3
|-
|Lime||4||5||6
|-
|Gold||7||8||9
|- class="sortbottom static-row-header"
|'''Total'''||12||15||18
|- class="sortbottom static-row-header"
|'''Average'''||4||5||6
|}
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
| Total | 12 | 15 | 18 |
| Average | 4 | 5 | 6 |
Uso en tablas sin ordenación activada
A las filas de encabezado múltiples en una tabla no ordenable se les debe agregar la clase static-row-header a todas las filas de encabezado excepto a la primera, como se describe en #Deshabilitar números en filas específicas.
Wikitexto:
{{static row numbers}}
{|class="wikitable static-row-numbers"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|-
|Red||1||2||3
|-
|Lime||4||5||6
|-
|Gold||7||8||9
|}
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
Mostrar el texto "N.º" en la etiqueta de la columna
- Nota. Esto no mejora la accesibilidad. Una persona ciega señaló que no hace nada para los usuarios de lectores de pantalla. [1].
Para mostrar el texto "N.º" en el encabezado (etiqueta) de la columna de número, agregue la clase static-row-header-text al wikitexto de inicio de la tabla.
Wikitexto:
{{static row numbers}}
{|class="wikitable static-row-numbers static-row-header-text"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|-
...
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
Mostrar el símbolo almohadilla ("#") en la etiqueta de la columna
- Nota. Esto no mejora la accesibilidad. Una persona ciega señaló que no hace nada para los usuarios de lectores de pantalla. [2].
Para mostrar un símbolo almohadilla ("#") en el encabezado (etiqueta) de la columna numérica, agregue la clase static-row-header-hash al wikitexto de inicio de la tabla.
Wikitexto:
{{static row numbers}}
{|class="wikitable static-row-numbers static-row-header-hash"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|-
...
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
Deshabilitar números en filas específicas
Esta sección detalla cómo deshabilitar los números en filas específicas añadiendo la clase static-row-numbers-norank o static-row-header al wikitexto de la fila.
La clase static-row-numbers-norank se puede añadir a las filas de datos para deshabilitar el número.
La clase static-row-header deshabilita el número y el borde entre otras filas que usan esta clase consecutivamente, simulando un rowspan (véase Ayuda:Tablas). Debe añadirse a:
- Filas de encabezado, excluyendo la primera. En tablas ordenables, impide la numeración cuando JavaScript está deshabilitado.
- Filas que usan la clase
sorttoposortbottom.
Tenga en cuenta que la clase sorttop o sortbottom se agrega a una fila para que permanezca en la parte superior o inferior de una lista ordenada, según Ayuda:Tablas.
Wikitexto:
{{static row numbers}}
{|class="wikitable sortable static-row-numbers"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|- class="sorttop static-row-header"
|'''Min'''||1||2||3
|- class="sorttop static-row-header"
|'''Max'''||10||11||12
|-
|Red||1||2||3
|- class="static-row-numbers-norank"
|Lime||4||5||6
|- class="static-row-numbers-norank"
|Gold||7||8||9
|-
|Blue||10||11||12
|- class="sortbottom static-row-header"
|'''Total'''||22||26||30
|- class="sortbottom static-row-header"
|'''Average'''||5.5||6.5||7.5
|}
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Min | 1 | 2 | 3 |
| Max | 10 | 11 | 12 |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
| Blue | 10 | 11 | 12 |
| Total | 22 | 26 | 30 |
| Average | 5.5 | 6.5 | 7.5 |
Limitar números
Esta sección detalla cómo eliminar números que superen un límite determinado añadiendo el atributo data-srn-limit="N" y su valor al wikitexto de la tabla. Donde "N" es un número limitado a ciertos valores, según la sección "Uso" anterior. 10 es un valor permitido en esta sección.
Debido a limitaciones en CSS (estilos), existen algunas restricciones para su correcto funcionamiento. La tabla debe usar la clase sortable, por lo que los encabezados de columna se desplazan fuera del área ordenable (elemento <tbody>) para excluirlos del recuento. Evite añadir filas sorttop (usa static-row-header) por encima de los datos ordenables, ya que no se excluyen del recuento antes de la ordenación. Evite añadir filas static-row-numbers-norank en los datos ordenables, ya que no se excluyen del recuento cuando se ordenan dentro del límite numérico.
Wikitexto:
{{static row numbers}}
{|class="wikitable sortable static-row-numbers" data-srn-limit="10"
|-
! rowspan="2"|Color
! colspan="3"|Dato
|- class="static-row-header"
! A !! B !! C
|-
|Red||1||2||3
|-
|Lime||4||5||6
|-
|Gold||7||8||9
|-
|Blue||10||11||12
|-
|Orange||2||9||5
|-
|Yellow||3||7||4
|-
|Green||5||6||2
|-
|Purple||6||4||1
|-
|Pink||8||3||7
|-
|Black||9||2||8
|-
|White||11||1||10
|-
|Gray||12||12||11
|- class="sortbottom static-row-header"
|'''Total'''||78||70||78
|- class="sortbottom static-row-header"
|'''Average'''||6.5||5.8||6.5
|}
Produce:
| Color | Dato | ||
|---|---|---|---|
| A | B | C | |
| Red | 1 | 2 | 3 |
| Lime | 4 | 5 | 6 |
| Gold | 7 | 8 | 9 |
| Blue | 10 | 11 | 12 |
| Orange | 2 | 9 | 5 |
| Yellow | 3 | 7 | 4 |
| Green | 5 | 6 | 2 |
| Purple | 6 | 4 | 1 |
| Pink | 8 | 3 | 7 |
| Black | 9 | 2 | 8 |
| White | 11 | 1 | 10 |
| Gray | 12 | 12 | 11 |
| Total | 78 | 70 | 78 |
| Average | 6.5 | 5.8 | 6.5 |
Véase también
{{sticky header}}: hace que los encabezados de columna se mantengan en la parte superior de la página al desplazarse por los datos de la tabla.
Los editores pueden experimentar en la zona de pruebas (crear) y en los casos de prueba (crear) de la plantilla.
Por favor, añade las categorías en la subpágina de documentación. Subpáginas de esta plantilla.