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 |
|---|---|---|---|
|
Vicente Grimes
Nemo ut dolorum omnis.
|
Simonis Inc
Larkinview
|
$10.99 | (876) 490-6223 x493 |
|
Marjory Trantow
Earum eligendi delectus.
|
McCullough Inc
Bernardostad
|
$21.98 | 359-523-1515 x93841 |
|
Kadin Barton
Est pariatur ab minus aut perferendis quasi.
|
Fay - Koepp
Annaburgh
|
$32.97 | 418.984.0892 x402 |
|
Gina Bailey
Qui ut voluptate excepturi.
|
Boyle LLC
Cristville
|
$43.96 | 978.421.7751 |
|
Courtney Mosciski
Omnis sint saepe quisquam.
|
Gutmann - McCullough
Port Marciaburgh
|
$54.95 | 356-964-0314 x303 |
|
Cedrick Wolff
Aspernatur nihil excepturi cupiditate nihil nemo nam aliquam pariatur.
|
Wunsch, Dicki and Sipes
Feeneymouth
|
$65.94 | (979) 403-3836 |
|
Icie Kozey
Veniam voluptas occaecati qui quis consequatur ipsam neque explicabo architecto.
|
Little - Hills
Burleyside
|
$76.93 | 1-783-822-3459 x328 |
|
Dangelo Legros
At eos velit magnam fugit ipsa et blanditiis.
|
Rosenbaum, Kreiger and Hyatt
Arvillatown
|
$87.92 | 826-704-0391 |
|
Stuart Feest
Fugit sed qui repellendus est corporis dolor eum nemo cupiditate.
|
Funk, Aufderhar and Schiller
Port Bernieport
|
$98.91 | 565.644.5918 |
|
Darwin Gerhold
Nisi voluptatem dolores eaque incidunt est id suscipit.
|
Streich Inc
Lake Cheyanne
|
$109.90 | 720-381-0860 x335 |
|
Asia Williamson
Vitae minima sequi voluptatibus dolorem voluptatem quis harum ipsum perferendis.
|
Shanahan - Goodwin
Boehmberg
|
$120.89 | 614-612-2723 x84471 |
|
Tremaine Greenholt
Et aut maxime tempora.
|
Dach LLC
East Luella
|
$131.88 | 275.562.7671 |
|
Sylvester Schaefer
Et ut ipsa quis mollitia maxime.
|
Erdman, Hills and Murphy
Stephanville
|
$142.87 | 1-833-555-7020 x13840 |
|
Grayson Bailey
Odio consequatur vitae impedit et consequuntur non.
|
Tremblay Inc
Lake Erin
|
$153.86 | 717.497.4155 x0520 |
|
Marlen Deckow
Provident tenetur minima nesciunt sit mollitia esse omnis numquam totam.
|
Rempel, Satterfield and Koch
Ziemannside
|
$164.85 | 1-803-966-2438 x555 |
|
Missouri Littel
Perspiciatis necessitatibus quae exercitationem iste laudantium consectetur natus.
|
O'Conner - Tromp
Janashire
|
$175.84 | 542-855-0190 x1263 |
|
Leonardo O'Keefe
Eos qui laborum exercitationem voluptatem dolor similique quisquam earum.
|
Breitenberg Group
East Rahsaan
|
$186.83 | 848.902.3248 |
|
Vallie Howe
Et nisi et rerum voluptate voluptatem et reprehenderit.
|
Harber Inc
Brodyshire
|
$197.82 | 769.399.9017 x47852 |
|
Douglas Gottlieb
Reprehenderit consectetur animi doloribus velit eos nisi dolorum dolore.
|
Mosciski - Kling
Mertzfort
|
$208.81 | 1-727-934-6153 x7562 |
|
Justine Hayes
Voluptatum inventore recusandae modi.
|
Runolfsson, Maggio and Watsica
Lake Venahaven
|
$219.80 | (927) 875-7292 x315 |
|
Savanah Mante
Mollitia et aliquid.
|
Howell and Sons
Josiannetown
|
$230.79 | 1-525-890-9399 |
|
Rosetta Lakin
Commodi magni consectetur velit quod labore.
|
Senger, Swift and Reinger
Kerlukehaven
|
$241.78 | 868-795-3264 x1899 |
|
Delphia Abernathy
Sed voluptas non.
|
Johnson, Medhurst and Renner
North Devonberg
|
$252.77 | 1-793-785-6926 |
|
Myra Keeling
Veritatis est placeat.
|
Herzog - Nienow
West Sage
|
$263.76 | 380.364.9106 x6681 |
|
Dustin Hermann
Molestias odio molestiae.
|
Ritchie LLC
Bernhardmouth
|
$274.75 | 690-236-5118 |
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.