Я хочу, чтобы высота таблицы соответствовала доступной высоте родителя. В идеале я хочу:
- нижний колонтитул всегда стыковался в нижней части родительского контейнера.
- Если таблица содержит несколько строк, нижний колонтитул должен оставаться закрепленным внизу.
-Если таблица содержит больше строк, чем соответствует высоте родительского элемента и требует переполнения, то переполнение должно быть видно только для тела таблицы, а нижний колонтитул должен оставаться закрепленным внизу и не сдвигаться вниз.
-Подход flexbox, если возможно (мне кажется, что это гибкий сценарий)
Чего я не хочу:
-A height: 100vh подход
-A cal c (100vh - *** px) задействовано (потому что я хочу использовать методологию в произвольных иерархиях компонентов внутри моего решения)
-фиксированные высоты в таблице
-Для использования абсолютного / фиксированного позиционирования
-Нет сторонних решений (если возможно)
-Использовать .offsetHeight
Пример https://stackblitz.com/edit/react-imocxq
Наглядные примеры:
Мотивация: A fl например, как подход к размеру таблицы.
Пример множества элементов