¿Qué es un grupo de tabla-columna?
Un grupo de tabla-columna, como su nombre indica, es un grupo de celdas de varias columnas. Todos los valores de una columna en particular están relacionados entre sí. Una columna de tabla alberga un elemento que abarca varias columnas. Usamos un “
Ejemplo
En la tabla sobre los biodatos de los empleados de la empresa donde se registra “Nombre”, “Edad” y “Altura”, cada columna azul corresponde a un empleado específico, demostrado en el siguiente ejemplo:
< mesa >
< colgrupo >
< columna estilo = 'color de fondo: rosa' >
< columna durar = '3' estilo = 'color de fondo: azul claro' >
< / colgrupo >
< tr >
< td > Nombre < / td >
< td > Miguel < / td >
< td > Jaime < / td >
< td > David < / td >
< / tr >
< tr >
< td > Edad < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Altura < / td >
< td > 173cm < / td >
< td > 184cm < / td >
< td > 188cm < / td >
< / tr >
< / mesa >
Siga los pasos dados a continuación de acuerdo con el código anterior:
- Comience por crear una tabla y agregue el
etiqueta. - Utilizar el durar clase de utilidad y especifique el número de columnas que se agruparán.
- Ahora, cierre el colgroup usando el etiqueta.
- Además, ingrese los datos indicados en las filas de la tabla usando el
y etiquetas - Cierre la tabla a través de la etiqueta.
Producción
El 'span' de celdas en una tabla en HTML representa cuántas columnas puede cubrir una sola celda. Ofrece el mismo uso que la función de 'combinar' celdas en Microsoft Excel.
¿Qué es un grupo de tabla-fila?
Un grupo de tabla-fila es la unión de varias filas para formar un solo grupo. Un elemento singular abarca varias filas. Se hace a través de la “
' etiqueta. Ejemplo
La siguiente tabla que muestra las ventas realizadas por los empleados en un mes se puede mostrar agrupando la fila que contiene el nombre del mes contra los nombres de varios empleados. Luego, se pueden mostrar sus ventas correspondientes a sus nombres. Hemos ilustrado lo mismo en el siguiente código:
< mesa clase = 'mojado-boew-cebra' >
< colgrupo >
< columna >
< columna >
< / colgrupo >
< cuerpo >
< tr >
< el colspan = '9' >VENTAS MENSUALES ( $ ) < / el >
< / tr >
< tr >
< el filas = '4' >Mayo 2023 < / el >
< el >James< / el >
< td > 1434 < / td >
< / tr >
< tr >
< el >Miguel< / el >
< td > 1700 < / td >
< / tr >
< tr >
< el >Juan< / el >
< td > 1299 < / td >
< / tr >
< / cuerpo >
< cuerpo >
< tr >
< el filas = '4' >junio 2023 < / el >
< el >James< / el >
< td > 1256 < / td >
< / tr >
< tr >
< el >Miguel< / el >
< td > 1975 < / td >
< / tr >
< tr >
< el >Juan< / el >
< td > 1883 < / td >
< / tr >
< / cuerpo >
< / mesa >En el código mencionado anteriormente:
- Definir una tabla y agregar el
etiqueta. - Defina la agrupación de las columnas utilizando el colspan clase de utilidad.
- Asimismo, defina la agrupación de las filas mediante el filas clase de utilidad.
- Ahora, ingrese los datos de las ventas de todos los individuos para cada uno de los dos meses.
- Finalmente, cierre la tabla usando el etiqueta.
Producción
Conclusión
Las celdas individuales de una tabla se pueden agrupar si un valor corresponde a muchas otras entradas. También hemos observado que la tabla se puede agrupar en términos de columnas o filas. Ambos tienen sus propias funcionalidades y se pueden utilizar donde sea necesario.