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

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

Сообщение Anonymous »

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

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

---------------------------
| Header                  |
---------------------------
| Table Header           ^|
| Row                    ||
| Row                    ⌄|
|            Total Rows: 9|
---------------------------
| Fixed Footer            |
---------------------------
Проблема в том, что я хочу, чтобы он всегда находился в нижней части окна, а DataGrid точно находится в пространстве между заголовком и нижним колонтитулом Независимо Таблица, чтобы просто развернуть по мере необходимости, с нижней части экрана. Но это требует, чтобы я начал вычислять правильную высоту для элемента каждый раз, когда окно изменяется. Просто казалось правильным способом получить что -то, чтобы заполнить оставшееся пространство. Если есть лучший вариант, я сделаю это :)
Ура

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

Вернуться в «CSS»