Pagination from Array Variable

Ask us anything
1

I have a use case where I’m using a data grid with a list of inquiries that are stored in a Supabase table and connected to the data grid. You can select as many inquiries as you’d like to review from the data grid.

Screen Shot 2024-02-12 at 9.37.17 PM
Screen Shot 2024-02-12 at 9.37.17 PM1626×496 58.3 KB

I’m storing those in an array variable called selected_inquiries. Then you click on a button that navigates to a new page and I have a collection list connected to the selected_inquiries variable on that page. I only want one Inquiry to be reviewed at a time and I’m trying to accomplish this with pagination as seen in this screenshot of the UI.
Screen Shot 2024-02-12 at 9.30.34 PM
Screen Shot 2024-02-12 at 9.30.34 PM1190×948 73 KB

I’ve followed the video walkthroughs on Pagination but no matter what I do, it is still showing all of the items in the array and not paginating it to only show one at a time. Any help on solving this problem would be very much appreciated.

2

Your use case is not suitable for pagination. Pagination is used usually in tables or other list views when you need to display huge number of records and you don’t want your frontend to deal with’em all at once.
You should rather use Dynamic Collection Pages built on top of your variable. There is a nice explanation for that here:

3

Thanks for the quick reply! I’ll test it out in the morning. I’m already using dynamic collection pages a few times throughout the app so far so it shouldn’t be too difficult to figure out. But if I have any other questions I’ll let you know.