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

[Anonymous]

С помощью vuetify мне нужно создать такой макет:

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

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

Где каждое число является компонентом, а столбцы могут иметь n компонентов (не обязательно 3). Компонент №1 будет иметь кнопку «развернуть», которая изменит макет на:

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

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

Таким образом, компонент №1 будет охватывать два столбца этого макета, а средний столбец будет находиться под ним.
Возможно ли это вообще с vuetify без необходимости выполнять условный рендеринг компонентов?
Самый близкий вариант:

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

Но это просто оставляет пробел в верхней части среднего столбца.
Я знаю, что это возможно с другими платформами, такими как Tailwind, но, к сожалению, я не могу" Я не буду использовать его для этого проекта.

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