Как я могу охватить ряд в подсечке ⇐ CSS

[Anonymous]

Вот кодепен вопроса https://codepen.io/tcurdt/pen/npkqvlx
Я имею n Количество столбцов (обычно 1-3). /p>


Q1
C1.1
Q2
C1.1
Q3
C1.3


Q1
C2.1
Q2
C2.2
Q3
C2.3
bar

...
< /code>
Теперь довольно легко использовать сетку с подсегридом, чтобы идеально выровнять их вертикально. (Q1 с Q1, C1.1 с C2.1 и т. Д.). Теперь проблема в том, что Q1 повторяется в столбцах. И я хочу, чтобы это показало только одну строку. Аналогично этой таблице: < /p>


Q1


C1.1
C2.1
C3.1


< /code>
Я почти уверен, что это должно быть возможно с Grid /subgrid.
Но я просто не вижу, как. < /p>
Может быть, даже возможно использовать через Tail?

Подробнее здесь: https://stackoverflow.com/questions/794 ... -a-subgrid