Home
This demonstrates pagination using continuation tokens, similar to how Cosmos DB, DynamoDB, and Azure Table Storage work. Instead of traditional page numbers, we use tokens to navigate forward and backward. The token history enables 'Previous' navigation.
Click to Show Source
Continuation Token Pagination
Current State:
- Current Page: 1
- Page Size: 25 items
- Has More Results: Yes
- Next Token: MjU=...
- Token History Size: 0 pages
| Product | Company | Price | Contact |
|---|---|---|---|
|
Geovanni Murphy
Et dolorum non.
|
Leuschke - Abernathy
Klingfort
|
$10.99 | (440) 432-1590 x286 |
|
Enos Treutel
Necessitatibus quo dignissimos saepe laborum autem vel qui aliquam.
|
O'Keefe - Auer
South Cindystad
|
$21.98 | 961-883-7659 |
|
Geovany Pfeffer
Sed unde harum repellat.
|
Larson LLC
Fisherhaven
|
$32.97 | 631.814.4702 |
|
Anissa Thompson
Est dolorem voluptas nisi.
|
Ratke - Sanford
West Trudieland
|
$43.96 | 487-997-4043 x3583 |
|
Mariela Labadie
Unde modi et porro cupiditate et deserunt temporibus.
|
Runte - Hermann
South Kendra
|
$54.95 | 1-480-373-2611 x798 |
|
Mario Weber
Quam animi quod error sit sapiente eum voluptatibus sit vero.
|
Lind Group
Auerton
|
$65.94 | (835) 978-8313 x916 |
|
Alysha Shanahan
Ut molestias neque rerum doloremque deleniti voluptate.
|
Dibbert Inc
Ritchiehaven
|
$76.93 | 1-381-823-6759 x44881 |
|
Erin Jacobs
Numquam rerum minima error.
|
Farrell - Lehner
Lake Georgianafurt
|
$87.92 | 1-240-468-9116 x64545 |
|
Gonzalo Davis
Nam tempore molestias aut dolorem veritatis ea.
|
Cole, Vandervort and Mohr
Fritschbury
|
$98.91 | 1-879-776-4138 |
|
Devante Gorczany
Vero sed et earum cumque sed.
|
Hand Inc
Beattyberg
|
$109.90 | 953.812.6866 |
|
Adan Crist
Exercitationem doloribus inventore.
|
Cummings Inc
Port Isidro
|
$120.89 | 806-729-3092 x279 |
|
Lexie Beier
Velit eos quia voluptatum consectetur aspernatur aut.
|
Heathcote, Kessler and Bernier
West Rosellashire
|
$131.88 | (940) 954-6228 |
|
America D'Amore
Quis quas facere ducimus vitae perspiciatis suscipit aut.
|
Powlowski - Schneider
New Carson
|
$142.87 | 279-958-9865 x18123 |
|
Enos Jacobson
Modi consectetur animi quos aut ipsam amet doloremque.
|
Schamberger LLC
Port Vivianeside
|
$153.86 | 939-276-1271 x04018 |
|
Dejon Becker
Omnis rerum consequatur dolore fuga.
|
Leuschke, Watsica and Baumbach
Brooklynhaven
|
$164.85 | 845.871.4049 |
|
Elouise Terry
Quia quas itaque dicta molestiae.
|
Koss - Rowe
East Mary
|
$175.84 | (901) 487-8416 |
|
Angeline Jast
Cum voluptas aliquam dolores omnis repellendus est quod eos labore.
|
Brown, O'Connell and Gibson
Montyton
|
$186.83 | (719) 932-3442 x4622 |
|
Dalton Stark
Repellat magni at perspiciatis esse voluptatem eligendi nostrum.
|
Volkman, Ryan and Osinski
Mosemouth
|
$197.82 | 1-509-539-9300 |
|
Marcelle Rippin
Illum est laboriosam excepturi maxime necessitatibus et.
|
Padberg, Pfannerstill and Hills
Williehaven
|
$208.81 | 621-208-7564 |
|
Jett Pouros
Rerum sunt et placeat nihil et.
|
Moen LLC
Batzbury
|
$219.80 | 873.205.1007 |
|
Ryan Heaney
Suscipit vel aut.
|
Huels Group
Port Marjolaine
|
$230.79 | 413-496-5062 x526 |
|
Julien Ortiz
Ipsa dignissimos vel optio voluptate magni quasi aut.
|
DuBuque LLC
Port Nia
|
$241.78 | 1-715-577-3632 |
|
Luella Beer
Officia quo id.
|
Turner and Sons
D'Amorestad
|
$252.77 | 762.228.6382 x7202 |
|
Claudie Lindgren
Sint aut voluptas aspernatur odio asperiores temporibus eveniet laboriosam accusantium.
|
Grady, Ledner and Walker
Leschside
|
$263.76 | 1-676-542-5334 |
|
Adelle Goldner
Aspernatur quia repudiandae voluptate error qui ab.
|
Leuschke, Mayer and Emmerich
Andreanneberg
|
$274.75 | 542.359.4111 x77201 |
How Continuation Tokens Work:
- The database returns a batch of results plus a continuation token
- The token represents where to start the next query (opaque to the client)
- For backward navigation, we store token history in a dictionary
- Token history maps page numbers to the tokens needed to reach those pages
- This demo simulates tokens using Base64-encoded start indices
Real-world usage: In production, tokens come from the database (e.g., Cosmos DB's continuation token, DynamoDB's LastEvaluatedKey). You'd typically store token history in session state, cookies, or pass it in query parameters.