Я пытаюсь сделать простой макет, основанный на флексах, где боковая панель и основное содержимое всегда расширяются, чтобы заполнить экран (даже если в нем недостаточно содержимого.) Это достигается созданием html, body,#root и другие div верхнего уровня, чтобы иметь высоту 100%, а затем использовать flex-grow, чтобы заполнить это пространство.Вот базовый макет страницы, визуализированный:
Кажется, это не совместимо с InfiniteLoader и / или Autosizer реагирующей виртуализации из того, что я могусказать.В этом примере теоретически должна загружаться до 2000 строк, но он останавливается, когда строки выходят за пределы гибкого контейнера:
Как правило, новые строки либо останавливаютсяполная выборка, или они продолжают извлекаться бесконечно даже без прокрутки, пока не будет достигнут предел количества строк.Вы можете запустить этот пример из этого простого репродукции репродукции, чтобы продемонстрировать эту проблему здесь .
Есть ли способ использовать flex-grow в сочетании с бесконечным загрузчиком реагирующей виртуализации?