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

Virtualisation for big tables

Open mossa-Sammer opened this issue 4 years ago • 7 comments

I have a large set of data which is an excel file with thousands of rows, when i read the file and pass the data to the SpreadSheet Component, the UI lags, i searched the docs but didn't find anything related to my problem, help please

mossa-Sammer avatar Nov 01 '21 09:11 mossa-Sammer

Create pagination

dpejic avatar Dec 17 '21 20:12 dpejic

Hello, is there any plan to have this feature implemented?

ghost avatar Apr 22 '22 07:04 ghost

Hey @tmanuel94, there are some features I would like to tackle before as the library can handle pretty large datasets (due to efficient updating of the DOM). Did you try to use the library with a dataset and it was too big for it?

iddan avatar Apr 25 '22 12:04 iddan

Hi @iddan, I tried with a csv which has 1922 rows * 9 cols and it's just too much to be handled. I don't know if maybe there's something that I can do on my part to have better performance with this kind o f files

ghost avatar Apr 26 '22 06:04 ghost

Have you tried using the React Dev Tools? You should make sure only the components you expect are rendered?

iddan avatar Apr 26 '22 09:04 iddan

@iddan I'm not sure on how to implement it as of now, it's a new topic for me. I'll try to look into that! As a tip, do you think that something like an IntersectionObserver could be the way to go?

ghost avatar Apr 26 '22 14:04 ghost

Not sure. My tip is to use useMemo and useCallback to make sure React is not re-rendering the spreadsheet when not needed.

iddan avatar Apr 26 '22 14:04 iddan