React Virtualized: липкий контент в коллекции

Можно ли позволить содержимому ячейки в реактивно-виртуализированной коллекции прилипать к стороне при прокрутке? Обычно я делаю это, используя липкую позицию, но это не работает для контента в коллекции.

Я создаю Grid TV Guide, как показано на рисунке ниже. При прокрутке содержимое самой левой видимой ячейки строки должно прилипать к левой части экрана.

tv_grid

Я могу заставить это работать без использования реактивной виртуализации, но после прокрутки руководства некоторое время отображается слишком много данных, и страница становится очень медленной.

Кто-нибудь из вас может мне помочь? Я был бы очень признателен.

Спасибо заранее!


person kristof01    schedule 23.11.2018    source источник


Ответы (1)


Один из возможных подходов состоит в том, чтобы создать дополнительный элемент, похожий на столбец, который должен быть закреплен, и расположить его поверх него, например. https://codesandbox.io/s/l5z0wvpj77

person Nathan Power    schedule 25.11.2018