How to stop user loading more records on grid
In one legacy UI application on which I am working currently, has a Main List which is used to display all records stored in elastic in paginated way. Elastic may have more than 1 million records.
The problem arises when I added a functionality of loading next page of records when scroll touches bottom (no direct pagination widget).
In the introduced functionality of scroll load, user can scroll infinitely. for each "scroll at the bottom" event, data loads from 0 to pageNo*pageSize records. I set page size as small as 50 records. So, for example,
- Page 1 will load 50
- Page 2 - 100 records
- Page 3 - 150 records
- Page 4 - 200 records
and so on..
I want to acknowledge user after a certain page number like 20 pages(1000 records loaded on browser) that Don't go further otherwise application will become slow, use search with keywords instead.
Actually, I am doing so by putting simple auto hide alert which will start appearing from 20 pages onward and will display in interval of 5 pages like 20, 25,30 etc.
Is there any better way to acknowledge user that he is exploiting functionality because we are allowing him to do so?
I know this type of data loading sounds crazy but this is what we have to do. I need help on letting user know that application will be slow after a certain period of time.
Thanks in advance.