Ayuda:Cómo crear tablas
Ayuda para la creación y edición de contenidos en la wiki
Crear y editar páginas · Formatear texto · Imágenes · Listas · Tablas · Plantillas · Categorías · Espacios de nombres
Contenido
Elementos de una tabla
Todos los caracteres o combinaciones de caracteres que se usan para crear una tabla deben estar al principio de la línea, sin ni siquiera dejar un espacio en blanco delante.
- Con
{|se indica el principio de una tabla, y con|}se indica el final
- Las tablas pueden tener un subtítulo, y si lo tienen debe aparecer entre el inicio de la tabla y la primera fila. Los caracteres que se usan para indicar el subtítulo son
|+
- Entre los caracteres que indican el inicio y el final de una tabla se añaden las filas. Estas comienzan con el carácter
|, y para separar una fila de la siguiente se usa la combinación de caracteres|-, que en la primera fila es opcional.
- Las columnas se pueden separar de dos formas:
- Añadiendo un salto de línea y empezando la línea con una
|para cada una
- Añadiendo un salto de línea y empezando la línea con una
- Usando
||para separarlas si se escriben todas en la misma línea
- Usando
- Si se quiere añadir una cabecera a la tabla se inicia una línea con
!después del inicio de la tabla. Al igual que ocurre con las columnas, las celdas de la cabecera se pueden separar de dos formas, solo que en este caso se usa!al principio —si se usa una línea para cada celda—, o!!—si se colocan todas en la misma línea. La posición de la cabecera es antes de la primera fila, da igual si antes de la fila de subtítulo (si la hay) o después. Además, se puede repetir la cabecera en cualquier otra fila de la tabla, útil por ejemplo para tablas largas.
Ejemplo
Tabla con subtítulo, cabecera al inicio y final y segunda fila dividida en varias líneas:
{|
|+ Subtítulo de la tabla
! cabecera !! cabecera !! cabecera
|-
| celda 1,1 || celda 1,2 || celda 1,3
|-
| celda 2,1
| celda 2,2
| celda 2,3
|-
| celda 3,1 || celda 3,2 || celda 3,3
|-
! cabecera !! cabecera !! cabecera
|}
|
|
Uso de atributos HTML y CSS en tablas
Las tablas admiten tanto atributos HTML como estilos CSS. Se pueden usar para la tabla al completo, para cada fila o incluso para una celda en concreto.
- Para afectar a la tabla al completo, se colocan los atributos o el CSS en la línea de inicio de la tabla.
-
{| cellpadding="0" cellspacing="0" border="1"
- Para afectar a una fila se colocan a continuación del separador de filas
|-
-
|- style="color:green"
- Para afectar a una celda, los atributos o CSS se colocan:
- después de
|en el inicio de línea y se añade|al terminar
- después de
-
|celda x,y || style="color:green" | celda x+1,y | ... | celda x+n,y
-
- o a continuación del separador de columnas
||, también seguido de otra|
- o a continuación del separador de columnas
-
| celda x,y
| style="color:green" | celda x+1,y
| ...
| celda x+n,y
-
Ejemplo
Tabla con cabecera de color naranja, primera fila con texto en verde, y celdas individuales con distintos colores. Se usa la clase wikitable en la línea de inicio de la tabla para dar un estilo básico homogéneo a las tablas.
{| class="wikitable"
|+ Subtítulo de la tabla
|- style="color:orange"
! cabecera !! cabecera !! cabecera
|- style="text-align:center; color:green"
| celda 1,1 || celda 1,2 || celda 1,3
|-
| celda 2,1
| style="color: red" | celda 2,2
| celda 2,3
|-
| celda 3,1 || celda 3,2 || style="color:blue; font-weight:bold" | celda 3,3
|-
! cabecera !! cabecera !! cabecera
|}
|
|