Add Client side lazy load on scroll.

[zommerberg]

I've noticed that the table's performance degrades significantly when it contains over 1,000 items.

Is it possible to add onscroll lazy load plugin? This would allow the table to initially load only a specific number of items, and then load additional content progressively as the user scrolls down.

I know there already is pagination but would be possible to have a scroll lazy load pagination?

[moalamri]

I had this issue and solved it by making a row component with Intersection Observer

Here's a 10,000 rows table example with the observer component.
https://svelte.dev/repl/c6c0c1e31b864019bc273e3b536af1b4?version=3.48.0

Notes:

• As in the example, a <div> placeholder is required to have the correct scrollbar size (for some reason if I use <tr> it becomes a little bit slow)
• I'm not sure if it is required to unobserve and disconnect but added them anyways.