Tablas

El propósito de este componente es organizar, presentar y visualizar datos estructurados de manera clara y comprensible. Las tablas se usan para mostrar información organizada mediante filas y columnas.

FRG_Tabla

Fragmento >  Componentes > Contenido > FRG_Tabla

Este componente, gracias a sus configuraciones, ofrece 3 tipos de diseño. A su vez, podrás montar la tabla a tu gusto: por ejemplo, podrás definir el número de filas o columnas que necesites e incluso anidar columnas o agrupar títulos de columnas. Estas dos últimas opciones están solo disponibles para el diseño de tabla XL.

Diseños de tabla

A continuación, mostramos los 3 diseños de tabla.

Tabla M

(Hemos utilizado un color gris azulado de fondo del apartado para apreciar los márgenes de la tabla en su versión móvil).

Ejemplo de la tabla M
Título de la tabla
Col-A Col-B
Row-A Row-A Col-A Row-A Col-B
Row-B Row-B Col-A Row-B Col-B
Row-C Row-C Col-A Row-C Col-B
Footer Total A Total B
Ejemplo de la tabla M
Row-A
Col-A Row-A Col-A
Col-B Row-A Col-B
Row-B
Col-A Row-B Col-A
Col-B Row-B Col-B
Row-C
Col-A Row-C Col-A
Col-B Row-C Col-B
Footer
Col-A Total A
Col-B Total B

Tabla L

(Hemos utilizado un color gris azulado de fondo del apartado para apreciar los márgenes de la tabla en su versión móvil).

Información del contenido
Nombre de la columna Col-A Col-B
Row-A Row-A Col-A Row-A Col-B
Row-B Row-B Col-A Row-B Col-B
Row-C Row-C Col-A Row-C Col-B
Información del contenido
Nombre de la columna Row-A
Col-A Row-A Col-A
Col-B Row-A Col-B
Nombre de la columna Row-B
Col-A Row-B Col-A
Col-B Row-B Col-B
Nombre de la columna Row-C
Col-A Row-C Col-A
Col-B Row-C Col-B

Tabla XL

(Hemos utilizado un color gris azulado de fondo del apartado para apreciar los márgenes de la tabla en su versión móvil).

Información del contenido
TITULAR DE AGRUPACIÓN DE VARIAS COLUMNAS
TITULAR DE AGRUPACIÓN DE VARIAS COLUMNAS
Nombre de columna Nombre de columna de más de dos líneas de extensión Nombre de columna de dos líneas Nombre de columna Nombre de columna de más de dos líneas de extensión Nombre de columna Nombre de columna de más de dos líneas de extensión Nombre de columna de más de dos líneas de extensión Nombre de columna de dos líneas Nombre de columna
Nombre fila valor valor valor valor valor valor valor valor valor
valor valor valor valor valor valor valor valor valor
Nombre fila valor valor valor valor valor valor valor valor valor
valor valor valor valor valor valor valor valor valor
valor valor valor valor valor valor valor valor valor
valor valor valor valor valor valor valor valor valor
Párrafo explicativo del pie de tabla
Párrafo explicativo del pie de tabla