3 years ago

Category: javascript

In this Tutorial, we will see how we can create a Livewire Component which will Load More Records from the Database when the User Scrolls to the bottom of the list. And we will do it properly without reloading all the Records when the Component re-renders. Basically we need to Create a Pagination Component whic h will initially load all the items of the 1st Page. And then when the User Scrolls to the bottom of the Page, we will need to Load the items of the 2nd Page and append it to the bottom of the list.

And within the render() we are paginating the Items and passing those Items to be displayed in the View.