'Facing issues in React-virtualized InfiniteLoader+MultiGrid+CellMeasurer combination

I'm trying to use the combination of React-Virtualized InfiniteLoader+MultiGrid+CellMeasurer. but facing few issues in the implementation.

  1. Even if I use InfiniteLoader with MultiGrid it becoming slow for large data set which means the scroll bar getting stuck sometimes and the column alignment also getting mismatched for bottom rows.
  2. If I use CellMeasurer with MultiGrid/Grid for static data it working as expected. but for dynamic data using CellMeasurer for width/height with MultiGrid/Grid making it slow and scroll bar getting stuck.

With combination of InfiniteLoader+Table+CellMeasurer I didn't face any issue, but I required column virtualization for my table. that why I'm going with MutliGrid. Please let me know is it possible to Create Perfect Table for Infinite data with the combination of InfiniteLoader+MultiGrid+CellMeasurer.

The given sample works with min data or static content, but not with dynamic data with large rowCount.

Plunker Sample : 'https://plnkr.co/edit/YxVWKBJu8yBHDSoC?open=Hello.js&deferRun=1'

Appreciate yours help. Thanks & Regards, Manoj Prabu

react-virtualized


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions