Расширьте сетку CSS наружу, чтобы создать «навесы». ⇐ CSS

[Anonymous]

Я пытаюсь рассуждать о следующем:
Семантически у меня есть таблица данных. Поэтому для ее представления я бы использовал конструкцию HTML table. Для группировки этих строк я могу использовать несколько тегов tbody.
Например:

Код: Выделить всё

A1
B1
...


a1
b2
...

До этого момента все хорошо. Однако в каждом из этих тел я хочу, чтобы за пределами таблицы слева была ссылка/заголовок/привязка, как бы вы ее ни называли, идентифицирующая этот подраздел.
Моя единственная мысль заключалась в том, что если я сделаю таблицу сеткой и каждое тело будет генерировать строку, у меня будут линии сетки, необходимые для размещения ссылки/заголовка/привязки к left.
Однако эти линии сетки будут содержаться в «таблице», они не будут выходить за пределы таблицы, поэтому я не смогу ничего «положить» на них. Думаю, я ищу обратную сторону «подсетки». Subgrid позволяет вам иметь сетку большего размера и вкладывать в нее подсетку. Напротив, я хочу иметь сетку и расширять ее из меньшей сетки.



Подробнее здесь: https://stackoverflow.com/questions/797 ... -overhangs