У меня есть следующая форма.

Эти строки находятся в сетке, а темно-синие области, раздел 1 и раздел 2, сами являются сетками.
Как развернуть таблицу 2и заполнить строку, когда Сетка 1 была свернута?Я попытался создать StackPanel, но он только сдвинул сетку 2 и оставил ее прежнего размера.
Я бы хотел, чтобы она выглядела так, когда сетка 1 была свернута:

Есть предложения как это сделать?
Еще раз спасибо!