Lazy loading of large data in javascript grid

;

Lazy loading of large data with infinite scrolling

In this example, records are fetched on demand from remote data store as the vertical scrollbar reaches the bottom.

The server side script is same as that used for remote paging.

This method is suitable when either

there are too many records to fetch from server in a single request or
total number of records is unknown or keeps on changing.

It resembles a social media application, such as the comments section on YouTube, where additional comments continuously load as we scroll down the page in search of more user interactions.

This demo is limited to a total of 11,111 records but it's scalable to any number of records in real life use case scenarios.

Javascript
HTML
CSS
ASP.NET (MVC)
PHP
Java

React

Vue

Lazy loading of large data with infinite scrolling