Skip to main content

Persist Pagination of Data Table on Page Reload

In this video you will understand how to persist the pagination sequence on page load. You can use this while navigating some other screen and when you come back to the data table. With this feature the data table records will appear in the same pagination/sequence on which you leave the page.

1. Enable Pagination Dropdown

Now you can also add pagination dropdown in the pages. This will show a dropdown with page numbers in every page for you to easily navigate. To enable this option go to the Settings icon of the Data Table. In the box that appears tick the Show Page Dropdown option and save the setting. When you reload the display page it will display the pagination dropdown in every page.

DrapCode Builder Collection Constructor

2. Persist Pagination of Data Table

Next step is to persist pagination dropdown of your Data table. To enable this option go to the Settings icon of the Data Table. In the box that appears tick the Persist Pagination option and save the setting. When you reload the display page it will persist or store the pagination in every page.

DrapCode Builder Collection Constructor

3. Deselect Persist Pagination

You can even remove persisting the pagination of your Data Table. To enable this option go to the Settings icon of the Data Table. In the box that appears deselect the Persist Pagination option and save the setting. When you reload the display page it will not persist or store the pagination in every page.

To check the page for persist and non-persist pagination got to its Inspect element. When you Reload you will find the details of the page and relevant Data Table below.

DrapCode Builder Collection Constructor