Diferencias

Muestra las diferencias entre dos versiones de la página.

--- tutoriales-base:tutoriales:tablas [2024/10/27 14:05] – upadmin
+++ tutoriales-base:tutoriales:tablas [2024/10/27 15:19] (actual) – upadmin
@@ Línea 1: / Línea 1: @@
 ====== Tablas ======
-La wiki soporta la construcción de tablas con una sintaxis muy sencilla.
+====Introducción====
+La wiki soporta la construcción de tablas con diferentes alineamientos una sintaxis muy sencilla.
-Los encabezados deben separarse por el símbolo "^" y las filas por barras verticales "|".
+====Sintaxis Básica====
-Así, una tabla sencilla seria:
+Los encabezados deben iniciarse, separarse y finalizarse por el símbolo ''^'' y las filas por barras verticales ''|''.
-^ Encabezado 1        ^ Encabezado 2       ^ Encabezado 3          ^
+Note que la cantidad de ''^'' en la fila de encabezados debe coincidir con la cantidad de ''|'' en cada una de las filas.
-| Fila 1 Columna 1    | Fila 1 Columna 2     | Row 1 Col 3        |
-| Fila 2 Columna 1    | some colspan (note the double pipe) ||
-| Fila 3 Columna 1    | Row 3 Col 2     | Row 3 Col 3        |
-Table rows have to start and end with a ''|'' for normal rows or a ''^'' for headers.
+Con cada ''|'' adicional en las filas, agregamos una columna. Filas adicionales se obtienen simplemente siguiendo a la siguiente linea de la pagina y respetando la cantidad de ''|'' que había en las filas previas.
-  ^ Heading 1      ^ Heading 2       ^ Heading 3          ^
+Así, una tabla sencilla de 3x3 seria:
-  | Row 1 Col 1    | Row 1 Col 2     | Row 1 Col 3        |
-  | Row 2 Col 1    | some colspan (note the double pipe) ||
-  | Row 3 Col 1    | Row 3 Col 2     | Row 3 Col 3        |
-To connect cells horizontally, just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators!
+<file>
+^ Encabezado 1     ^ Encabezado 2     ^ Encabezado 3     ^
+| Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 |
+| Fila 2 Columna 1 | Fila 2 Columna 2 | Fila 2 Columna 3 |
+| Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 |
+</file>
-Vertical tableheaders are possible, too.
+Que dará la siguiente salida:
-|              ^ Heading 1            ^ Heading 2          ^
+^ Encabezado 1     ^ Encabezado 2     ^ Encabezado 3     ^
-^ Heading 3    | Row 1 Col 2          | Row 1 Col 3        |
+| Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 |
-^ Heading 4    | no colspan this time |                    |
+| Fila 2 Columna 1 | Fila 2 Columna 2 | Fila 2 Columna 3 |
-^ Heading 5    | Row 2 Col 2          | Row 2 Col 3        |
+| Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 |
-As you can see, it's the cell separator before a cell which decides about the formatting:
-  |              ^ Heading 1            ^ Heading 2          ^
+====Unificación de Celdas Horizontales====
-  ^ Heading 3    | Row 1 Col 2          | Row 1 Col 3        |
-  ^ Heading 4    | no colspan this time |                    |
-  ^ Heading 5    | Row 2 Col 2          | Row 2 Col 3        |
-You can have rowspans (vertically connected cells) by adding ''%%:::%%'' into the cells below the one to which they should connect.
+Para conectar horizontalmente celdas, solo debe dejar en blanco la celda de la derecha.
-^ Heading 1      ^ Heading 2                  ^ Heading 3          ^
+Tenga en cuenta que la cantidad de separadores ''|'' debe ser la misma que en el caso normal.
-| Row 1 Col 1    | this cell spans vertically | Row 1 Col 3        |
-| Row 2 Col 1    | :::                        | Row 2 Col 3        |
-| Row 3 Col 1    | :::                        | Row 2 Col 3        |
-Apart from the rowspan syntax those cells should not contain anything else.
+El siguiente código ilustra el caso:
-  ^ Heading 1      ^ Heading 2                  ^ Heading 3          ^
+<file>
-  | Row 1 Col 1    | this cell spans vertically | Row 1 Col 3        |
+^ Encabezado 1     ^ Encabezado 2     ^ Encabezado 3                                                                              ^
-  | Row 2 Col 1    | :::                        | Row 2 Col 3        |
+| Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3                                                                          |
-  | Row 3 Col 1    | :::                        | Row 2 Col 3        |
+| Fila 2 Columna 1 | Fila 2 Columna 2 y 3 "Texto muy muy muy  muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy largo" ||
+| Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3                                                                          |
+</file>
-You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text.
+La salida sera:
-^           Table with alignment           ^^^
+^ Encabezado 1     ^ Encabezado 2     ^ Encabezado 3                                                                              ^
-|         right|    center    |left          |
+| Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3                                                                          |
-|left          |         right|    center    |
+| Fila 2 Columna 1 | Fila 2 Columna 2 y 3 "Texto muy muy muy  muy muy muy muy muy muy muy muy muy muy muy muy muy muy muy largo" ||
-| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
+| Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3                                                                          |
-This is how it looks in the source:
+====Unificación de Celdas Verticales====
-  ^           Table with alignment           ^^^
+Se pueden conectar celdas verticales poniendo en las inferiores tres veces dos puntos ''<nowiki>:::</nowiki>'' y ningún otro carácter que no sean espacios en blanco.
-  |         right|    center    |left          |
-  |left          |         right|    center    |
-  | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
-Note: Vertical alignment is not supported.
+<file>
+^ Encabezado 1     ^ Encabezado 2            ^ Encabezado 3     ^
+| Fila 1 Columna 1 | Fila 1, 2 y 3 Columna 2 | Fila 1 Columna 3 |
+| Fila 2 Columna 1 | :::                     | Fila 2 Columna 3 |
+| Fila 3 Columna 1 | :::                     | Fila 3 Columna 3 |
+</file>
+Como salida obtendremos:
+^ Encabezado 1     ^ Encabezado 2            ^ Encabezado 3     ^
+| Fila 1 Columna 1 | Fila 1, 2 y 3 Columna 2 | Fila 1 Columna 3 |
+| Fila 2 Columna 1 | :::                     | Fila 2 Columna 3 |
+| Fila 3 Columna 1 | :::                     | Fila 3 Columna 3 |
+====Encabezados Verticales ====
+Es posible usar encabezados verticales iniciando las filas de los encabezados con el símbolo ''^''. Debe tener la precaución de en la primer fila usar una barra vertical ''|'' para que se activen los encabezados verticales.
+Así, un código de ejemplo seria:
+<file>
+|                 ^ Encabezado H. 1  ^ Encabezado H. 2  ^ Encabezado H. 3  ^
+^ Encabezado V. 1 | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 |
+^ Encabezado V. 2 | Fila 2 Columna 1 | Fila 2 Columna 2 | Fila 2 Columna 3 |
+^ Encabezado V. 3 | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 |
+</file>
+Del mismo, obtendremos:
+|                 ^ Encabezado H. 1  ^ Encabezado H. 2  ^ Encabezado H. 3  ^
+^ Encabezado V. 1 | Fila 1 Columna 1 | Fila 1 Columna 2 | Fila 1 Columna 3 |
+^ Encabezado V. 2 | Fila 2 Columna 1 | Fila 2 Columna 2 | Fila 2 Columna 3 |
+^ Encabezado V. 3 | Fila 3 Columna 1 | Fila 3 Columna 2 | Fila 3 Columna 3 |
+====Tablas Alineadas====
+El contenido de las celdas y de los encabezados puede ser alineados. Solo debe agregar dos o mas espacios en el lado opuesto al que desea alinear.
+Es decir hay que agregar dos o mas espacios a la derecha para alinear a izquierda y dos o mas espacios a izquierda para alinear a derecha.
+Para centrar el contenido de la celda o encabezado debe agregar 2 o mas espacios tanto a izquierda como a derecha.
+Podemos tener la sintaxis:
+<file>
+^  Encabezado alineado a derecha^  Encabezado Centrado  ^Encabezado alineado a izquierda  ^
+|  derecha|  centro  |izquierda  |
+|izquierda  |  derecha|  centro  |
+|  centro  |izquierda  |  derecha|
+</file>
+Que nos generara:
+^  Encabezado alineado a derecha^  Encabezado Centrado  ^Encabezado alineado a izquierda  ^
+|  derecha|  centro  |izquierda  |
+|izquierda  |  derecha|  centro  |
+|  centro  |izquierda  |  derecha|
+Nota: El alineamiento vertical no es posible.
+~~NOTOC~~