Добавление виртуализации в таблицу со сгруппированными строками в React

Question

У меня есть рабочая версия таблицы пользовательского интерфейса материала с сгруппированными строками. https://codesandbox.io/s/1qzy3vvqp4

Теперь мне нужно иметь возможность обрабатывать огромное количество строк (с группировкой).

Кто-нибудь делал это раньше? Как мне подойти к этому?

• Есть ли react-virtualized есть какой-то функционал, который я могу использовать?
• Должен ли я попытаться выяснить мои собственные расчеты на основе scrollHeight а также scrollY, Если да, как это будет выглядеть, поскольку мои данные разбиты на несколько массивов для группировки?

Answer 1

Мне бы хотелось увидеть рабочий пример (так как я искал варианты группировки в таблицах реакции), но ссылка не работает.

Однако, основываясь на оставшейся информации, не глядя на код, я бы сказал:

1. Да. И по их собственной рекомендации взгляните на response-window, которое является переписанной версией первого.
2. Также есть библиотека, которую вы можете использовать, чтобы об этом позаботиться: react-virtualized-auto-sizer