Мне нужно сверстать семантически правильно таблицу. В ней внутри есть основной заголовок (это thead) и несколько групп данных.
- Как-то группируют данные внутри таблицы (чем выделить несколько tr)?
- Как реализовать подзаголовок для группы данных внутри таблицы? (для заголовка уже использую thead)
Так?:
<tr>
<th>Ячейка подзаголовка 1</th>
<th>Ячейка подзаголовка 2</th>
<th>Ячейка подзаголовка 3</th>
</tr>
<tr>
<td>Обычная ячейка</td>
<td>Обычная ячейка</td>
<td>Обычная ячейка</td>
</tr>
<tr>
<td>Обычная ячейка</td>
<td>Обычная ячейка</td>
<td>Обычная ячейка</td>
</tr>
Может вариант вкладывать мини-таблицу внутрь основной таблицы? (в этом примере внутри таблицы есть свои таблицы, и валидатор не ругается, но внешний вид мне нужен как беспрерывная таблица с потоком строк). Я не уверен, что смогу стилизовать такое дерево таблиц так, чтобы оно выглядело как одна таблица без внутренних отступов (+ не смогу хорошо связать между собой ширины ячеек внешней и внутренней таблицы).
Видел еще, как это реализовал microsoft у себя на сайте. Но у них просто идет поток tr, семантически группы не выделены и aria атрибутов нет.
tbody