react-datasheet icon indicating copy to clipboard operation
react-datasheet copied to clipboard

Performance Issues when rendering 1000+ rows

Open Cants820 opened this issue 3 years ago • 6 comments

Is this framework equip to render 1000+ and re-render after every update on each cell. Been racking up my brain on improving the performance of datatable ? I'm currently having issues with 1000 x 12 ? It takes a lot of time or my browser just crashes. Pretty hit or miss. Any solutions available currently or Techniques that can be implemented ? Thats why i'll asked cause i'd spent a lot of hours on this.

Cants820 avatar Aug 20 '20 05:08 Cants820

what about virtualizing the list so that only the visible cells are actually loaded? e.g. https://www.npmjs.com/package/react-virtualized

wesww avatar Sep 11 '20 15:09 wesww

I'd be really curious if someone could add virtualization to this component. Selecting a range wider than the visible cells could be tricky, but as long as the data is sorted in a stable fashion I imagine all you'd need to capture is the selection indices.

wesww avatar Sep 11 '20 15:09 wesww

Can confirm performance issues with a 500 rows and 3 columns almost making it unusable.

dvelasquez25 avatar Oct 04 '20 22:10 dvelasquez25

In my use case, virtualizing the list is not possible I believe since were trying copy and paste huge amounts data. I believe from my knowledge, react-virtualized does not have a copy paste function

Cants820 avatar Oct 07 '20 05:10 Cants820

A cell that starts with an edit will cause all the cells to render. How to resolve this

caoxuccc avatar Oct 26 '20 07:10 caoxuccc

@greenPeppers guess the only way is to use local states extensively

archywillhe avatar Dec 24 '20 17:12 archywillhe