Simple (espero), pregunta HTML.

Digamos que tengo un grupo de columnas que abarca 3 columnas. Pero también se extiende por 9 filas. Pero en realidad, quiero que haya 3 niveles de columnas (así que básicamente, 3 columnas, divididas en 9 filas). Los únicos objetivos realmente son:

a) evitar incrustar tablas (por varias razones) b) mantener las secciones modulares. c) Permitir el estilo de las áreas semánticamente modulares.

Así que al final, tendría algo visual como:

<code>   | col 1  | col 2 | col 3 |
   | row 1  | row 1 | row 1 |
   | row 2  | row 2 | row 2 |
   | row 3  | row 3 | row 3 |

   | col 4  | col 5 | col 6 |
   | row 4  | row 4 | row 4 |
   | row 5  | row 5 | row 5 |
   | row 6  | row 6 | row 6 |

   | col 7  | col 2 | col 3 |
   | row 7  | row 7 | row 7 |
   | row 8  | row 8 | row 8 |
   | row 9  | row 9 | row 9 |
</code>

Pude hacer que los grupos de columnas trabajen para mantener las 3 columnas juntas, pero el intento de agregar "rowpan" falló. El intento de ajustar los grupos de filas en las etiquetas tr no fue bueno en absoluto. y en lo que a mí respecta, no hay una etiqueta real de "grupo de filas".

Actualizar:

Después de recibir comentarios, me di cuenta de que debería dar más detalles sobre lo que tengo en mente.

Usaré el término quad, super-column, super-row para referirme a grupos de datos. Así que toma este ejemplo:

<code>               Quad 1       Quad 2
super-row1 | a | b | c || d | e | f |
super-row2 | 1 | 2 | 3 || 4 | 5 | 6 |
super-row3 | A | B | C || D | E | F |

               Quad 3       Quad 4
super-row4 | g | h | i || j | k | l |
super-row5 | 7 | 8 | 9 || 0 | 1 | 2 |
super-row6 | G | H | I || J | K | L |
</code>

Para simplificar, imagínese que, en la parte superior, escribí la supercolumna 1 - 6.

Por lo tanto, los datos en quad 1 están todos relacionados, y los datos en la súper fila 1 están todos relacionados, y los datos en la supercolumna 1 están relacionados. Entonces, usando los datos anteriores,

'a' tiene una relación directa con 'f', 'C' y 'G', pero 'f', 'C' y 'G' no tienen una relación directa entre sí.

Otra forma de pensarlo es en Sudoku, donde cada cuadrante, columna y fila contiene el conjunto de 1-9, lo que hace que cualquiera de los 81 puntos de datos se relacionen directamente con cualquier otro punto de datos con el que comparte una fila, columna o cuadrángulo pero no a ningún punto de datos.

Actualización rápida:

Una última cosa, lo siento. Es importante que estas relaciones se agrupen semánticamente en el HTML para que, si alguien utiliza un lector de pantalla o un navegador no tradicional, puedan saber dónde se encuentran en la tabla en cualquier punto dado, es decir, "Usted está en Quad 1, Super Col 1, Columna 4, Super Fila 1, Fila 1. Los datos son 'Ohio' ".

Esto hace que el estilo, la compatibilidad entre navegadores, la accesibilidad sean mucho más fáciles, así como el desplazamiento, como AccessKeys, Scope, etc.