ListView Pagination In Action

[becca]

List View is the main repeatable component for apps. For datasets over 25 records, Retool recommends enabling server side pagination to improve the component's performance.

Our documentation explains how to implement this feature, but I created a test app to demonstrate it in action. The app includes the additional logic needed for pagination.

I also added logic to support adding new records to the ListView dataset. When a record is added, the ListView remains on the page the user is currently viewing by maintaining the pageState.

To test this functionality out yourself:
Here is the app JSON. Pagination Test.json (41.8 KB)
Below is a CSV of data to add to your Retool DB. Upon import, be sure to:

1. Remove the id column
2. Uncheck the Use CSV Column box
3. Check the Create a primary key (Recommended) box

tour_orders.csv (8.4 KB)

ListView Pagination In Action