Расширить компонент в сетке Vuetify ⇐ CSS

[Anonymous]

Используя Vuetify, мне нужно создать этот макет: < /p>
[1] [4] [7]
[2] [5] [8]
[3] [6] [9]
< /code>
Где каждое число представляет собой компонент, а столбцы могут иметь n компонентов (не обязательно 3). Компонент № 1 будет иметь кнопку «Развернуть», которая изменит макет на: < /p>
[ 1 ] [7]
[2] [4] [8]
[3] [5] [9]
[6]
< /code>
Таким образом, компонент #1 будет охватывать два столбца этого макета, а средний столбец будет протестирован под ним. < /p>
это даже возможно с vuetify без необходимости выполнять условное рендеринг компонентов?





























< /code>
, но это просто оставляет зазор на вершине среднего столбца. < /p>
Я знаю T Используйте его для этого проекта.

Подробнее здесь: https://stackoverflow.com/questions/793 ... rid-layout