MUI DataGrid заполнение оставшегося вертикального пространства без переполнения ⇐ CSS

[Anonymous]

Я пытаюсь заставить MUI DataGrid работать в Flexbox, чтобы он точно заполнил оставшееся пространство. В частности, что -то вроде этого: < /p>

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

---------------------------
| Header                  |
---------------------------
| Table Header           ^|
| Row                    ||
| Row                    ⌄|
|            Total Rows: 9|
---------------------------
| Fixed Footer            |
---------------------------

Проблема в том, что я хочу, чтобы он всегда находился в нижней части окна, а DataGrid точно находится в пространстве между заголовком и нижним колонтитулом Независимо Таблица, чтобы просто развернуть по мере необходимости, с нижней части экрана. Но это требует, чтобы я начал вычислять правильную высоту для элемента каждый раз, когда окно изменяется. Просто казалось правильным способом получить что -то, чтобы заполнить оставшееся пространство. Если есть лучший вариант, я сделаю это
Ура

Подробнее здесь: https://stackoverflow.com/questions/763 ... verflowing