search

pupudu / window-table

Windowing Table for React based on React Window
https://window-table.netlify.com/
170 stars 13 forks source link

Is there a recommended approach for implementing infinite scrolling? #43

Open chrisjhoughton opened 4 years ago

chrisjhoughton commented 4 years ago

Hi there, amazing library you've built out!

One of the things that's really important for us is the ability to have an infinitely scrolling list. I'm thinking it might be possible to implement this with a sub-component that triggers an event to the parent on mount, but I'd love to know if anyone has implemented this already?

pupudu commented 4 years ago

Hi @chrisjhoughton Thank you for getting involved.

This library is based on react-window. And according to their docs, using the react-window-infinite-loader seems to be the preferred way of doing what you need. https://github.com/bvaughn/react-window#can-i-lazy-load-data-for-my-list

I haven't tried that myself yet. But from a quick look, I feel that the integration would just work. I will give this a go tomorrow or day after and will link a codesandbox. If you manage to do it yourself before that, please let us know.

Cheers.