Estilos de las tablas de SPIP

Los estilos CSS permiten el ajuste fino de los parámetros de presentación de las tablas generadas por SPIP.

Los estilos CSS permiten el ajuste fino de los parámetros de presentación de las tablas generadas por SPIP.

Las tablas constituyen un medio fácil de presentar datos en filas y columnas de celdas.
Para sacar provecho de este artículo es necesario conocer la sintaxis HTML de las tablas. La etiqueta <table>, que permite insertar una tabla en la página, es una de las etiquetas más utilizadas en HTML.

Las tablas se crean con SPIP de la siguiente manera:

||Leyenda de la Tabla|Resumen de la Tabla||
| {{Nombre}} | {{Fecha de nacimiento}} | {{Ciudad}} |
| Jacques | 5/10/1970 | Paris |
| Claire | 12/2/1975 | Belfort |
| Martin | 1/31/1957 | Nice |
| Marie | 23/12/1948 | Perpignan |

lo que produce esta presentación:

Leyenda de la Tabla
Nombre Fecha de nacimiento Ciudad
Jacques 5/10/1970 Paris
Claire 12/2/1975 Belfort
Martin 1/31/1957 Nice
Marie 23/12/1948 Perpignan

Los siguientes estilos permiten dar parámetros a la presentación de las tablas:

-  table.spip permite modificar el comportamiento general de la tabla, en particular sus dimensiones, sus márgenes y su posición (colocada a la izquierda, centrada, etc.);

-  table.spip caption afecta a la leyenda (opcional) de la tabla;

-  table.spip tr.row_first afecta a la «primera fila» de la tabla (aquí en amarillo). Para que la primera línea se tenga en cuenta como fila de títulos, cada uno de los elementos que contiene ha de estar en negrita.

-  table.spip tr.row_odd y table.spip tr.row_even para las otras líneas. Estos estilos ofrecen la posibilidad de aplicar dos colores diferentes con «row_odd» y «row_even» (aquí, gris claro y gris oscuro), permitiendo así alternar los colores de una línea respecto de la otra, lo que hace más agradable la lectura de la tabla;

-  table.spip th y table.spip td afectan a las celdas de la tabla y permiten, por ejemplo, controlar sus márgenes interiores (padding), para espaciar la presentación.

Autor o autora David Sánchez Crespillo Publicado el: Actualizado: 26/10/12

Traducciones: català, English, Español, français, italiano, Nederlands