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

[Anonymous]

Используя Vuetify, мне нужно создать этот макет: < /p>

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

[1] [4] [7]
[2] [5] [8]
[3] [6] [9]

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





























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

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