Простой (надеюсь) вопрос HTML.

Допустим, у меня есть группа столбцов, которая охватывает 3 столбца. Но это также охватывает 9 рядов. Но на самом деле я хочу, чтобы было 3 уровня столбцов (так что, в основном, 3 столбца, разбитых на 9 строк). Единственными целями на самом деле являются:

а) избегать встраивания таблиц (по разным причинам) б) сохранить разделы модульными. в) учитывают стилизацию семантически модульных областей.

Так что, в конце концов, я бы хотел что-то визуально:

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

Мне удалось заставить группы столбцов работать вместе, чтобы объединить 3 столбца, но я попытался добавить & quot; rowspan & quot; Не удалось. Попытка обернуть группы строк в теги tr была бесполезна. и насколько я могу судить, реальной «группы строк» не существует. тег.

Обновить:

После получения обратной связи я понял, что должен дать больше подробностей о том, что я имею в виду.

Я буду использовать термин quad, super-column, super-row для обозначения групп данных. Итак, возьмите этот пример:

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

Для простоты просто представьте, что в верхней части я написал супер-колл 1 - 6.

Таким образом, все данные в квадрате 1 связаны друг с другом, а данные в супер-строке 1 - все связаны, а данные в супер-столбце 1 - все связаны. Итак, используя приведенные выше данные,

& APOS; & APOS; имеет прямую связь с 'f', '' C ', и' G ', но' f ',' C ', и' G '; не имеют прямых отношений друг с другом.

Еще один способ думать об этом - судоку, где каждый квад, столбец и строка содержат набор от 1 до 9, что делает любую из 81 точки данных связанной непосредственно с любыми другими точками данных, с которыми она разделяет строку, столбец или квад, с но не для каких-либо точек данных.

Быстрое обновление:

И последнее, извини. Важно, чтобы эти отношения были семантически сгруппированы в HTML, так что, если кто-то использует программу чтения с экрана или нетрадиционный браузер, он может знать, где он находится в таблице в любой заданной точке, т.е. 1, Super Col 1, столбец 4, Super Row 1, Row 1. Данные являются «Огайо».

Это значительно упрощает стилизацию, кросс-браузерную совместимость, доступность, а также такие перемещения, как AccessKeys, Scope и т. Д.