react-datasheet
react-datasheet copied to clipboard
Performance Issues when rendering 1000+ rows
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.
what about virtualizing the list so that only the visible cells are actually loaded? e.g. https://www.npmjs.com/package/react-virtualized
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.
Can confirm performance issues with a 500 rows and 3 columns almost making it unusable.
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
A cell that starts with an edit will cause all the cells to render. How to resolve this
@greenPeppers guess the only way is to use local states extensively