How to show table elements that enter screen scope in vue?

Question

JavaScript

Hello!
There is a task: you need to make an infinite table (vertically and horizontally), but when many elements are created, the page starts to slow down.

The output of elements goes through v-for.
How can I organize that the elements on the page are only those that are included in the scope of the screen?

I searched all over Google and did not find suitable solutions and plugins. I would be very grateful for your help!

Answer 1

It's called Virtual Scroll. There are many implementations on the Internet.