Простой (я надеюсь), вопрос HTML.
Допустим, у меня есть группа столбцов, которая охватывает 3 столбца. Но это также охватывает 9 рядов. Но на самом деле я хочу, чтобы было 3 уровня столбцов (так что, в основном, 3 столбца, разбитых на 9 строк). Единственные цели на самом деле:
а) избегать встраивания таблиц (по разным причинам)
б) сохранить разделы модульными.
c) допускать стилизацию семантически модульных областей.
Итак, в конце концов, у меня было бы что-то визуально похожее:
| 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 |
Мне удалось заставить группы столбцов работать, чтобы объединить 3 столбца, но попытка добавить "rowspan" не удалась. Попытка обернуть группы строк в теги tr была бесполезной. и насколько я могу судить, реального тега "rowgroup" не существует.
Обновление:
Получив обратную связь, я понял, что должен дать более подробную информацию о том, что я имею в виду.
Я буду использовать термин quad, super-column, super-row для обозначения групп данных. Итак, возьмем этот пример:
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 |
Для простоты просто представьте, что в верхней части я написал супер-кол 1 - 6.
Итак, все данные в квадрате 1 связаны между собой, а данные в супер-строке 1 - все связаны, а данные в супер-столбце 1 - все связаны. Итак, используя приведенные выше данные,
'a' имеет прямую связь с 'f', 'C' и 'G', но 'f', 'C' и 'G' не имеют прямой связи друг с другом.
Еще один способ думать об этом - судоку, где каждый квад, столбец и строка содержат набор из 1-9, что делает любую из 81 точки данных связанной непосредственно с любыми другими точками данных, которые она разделяет, строку, столбец или с четырьмя точками, но не с точками данных.
Быстрое обновление:
И последнее, извини. Важно, чтобы эти отношения были семантически сгруппированы в HTML, так что, если кто-то использует программу чтения с экрана или нетрадиционный браузер, он может знать, где он находится в таблице в любой заданной точке, т.е. Колонка 1, Колонка 4, Супер Строка 1, Строка 1. Данные «Огайо».
Это значительно упрощает стилизацию, кросс-браузерную совместимость, доступность, а также такие перемещения, как AccessKeys, Scope и т. Д.