Simples (espero), pergunta HTML.

Digamos que eu tenha um grupo de colunas com três colunas. Mas também abrange 9 linhas. Mas na verdade, eu quero que haja 3 níveis de colunas (então, basicamente, 3 colunas, divididas em 9 linhas). Os únicos objetivos são realmente:

a) evite embutir mesas (por várias razões) b) mantenha as seções modulares. c) permitir o estilo das áreas semanticamente modulares.

Então, no final, eu teria algo visualmente parecido:

<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>

Consegui fazer com que os grupos de colunas trabalhassem para manter as 3 colunas juntas, mas uma tentativa de adicionar "rowspan" falhou. Tentar envolver os grupos de linhas em tags tr não foi nada bom. e até onde eu sei, não existe uma tag "rowgroup" real.

Atualizar:

Depois de obter feedback, percebi que deveria dar mais detalhes sobre o que tenho em mente.

Vou usar o termo quad, super-column, super-row para se referir a grupos de dados. Então pegue este exemplo:

<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, imagine que na parte superior eu escrevi super-col 1 - 6.

Assim, os dados no quad 1 estão todos relacionados e os dados na super linha 1 estão todos relacionados, e os dados no supercol 1 estão todos relacionados. Então, usando os dados acima,

'a' tem uma relação direta com 'f', 'C' e 'G', mas 'f', 'C' e 'G' não têm relação direta um com o outro.

Outra maneira de pensar sobre isso é Sudoku, onde cada quad, coluna e linha contém o conjunto de 1-9, fazendo com que qualquer um dos 81 pontos de dados esteja relacionado diretamente a quaisquer outros pontos de dados com os quais compartilha uma linha, coluna ou quad com mas não para qualquer ponto de dados.

Rápida atualização:

Uma última coisa, desculpe. É importante que esses relacionamentos sejam agrupados semanticamente no HTML para que, caso alguém esteja usando um leitor de tela ou um navegador não tradicional, eles possam saber onde estão na tabela em um determinado ponto, ou seja, "Você está no Quad 1, Super Col 1, Coluna 4, Super Linha 1, Linha 1. Os dados são 'Ohio'. "

Isso torna o estilo, a compatibilidade entre navegadores, a acessibilidade muito mais fácil, bem como a movimentação, como AccessKeys, Scope etc.