DEV Community

Cover image for Show page no. in UI in Cursor pagination or infinite scroll
Sahil kashyap
Sahil kashyap

Posted on

Show page no. in UI in Cursor pagination or infinite scroll

On scroll page number are added
I wanted to show stripe subscriptions details to my admin.

Stripe uses cursor based pagination. So no page available.

Load more was nice but i wanted an "on scroll add a page number(scroll 1,scroll 2)"

So admin can check how many scroll happened,and easliy switch between scroll 1 and scroll 2 or more,

also filter via customer id and plan type(I used per unit and tiered plan)

Here's a codepen of how the UI looks: Link

Here's gist of how i used with stripe subscription pagination php laravel: Gist

Discussion (0)