Sample Suite for mostlylucid paging taghelper

Explore various examples demonstrating the functionality of the Paging Tag Helper.

I'm writing a number of blog posts on this here:

See Articles

Pagination

Basic Pagination with Model

Demonstrates basic paging using a model to manage data.

View Example

HTMX Integration

Demonstrates how to use HTMX for AJAX-based paging without full page reloads.

View Example

Search With HTMX

This shows how to use a search function with HTMX.

View Example

Plain CSS

This demonstrates using 'Plain' CSS which is injected into the view.

View Example

Pure Tailwind

Uses pure TailwindCSS without DaisyUI components.

View Example

No JavaScript

Fully functional pagination with zero JavaScript - uses forms and standard links.

View Example

JavaScript Modes

JavaScript Framework Modes

Demonstrates all JavaScript modes: HTMX, HTMXWithAlpine, Alpine, PlainJS, and NoJS.

View Example

Flippy Headers

Page Sort

This demonstrates the use of the Header Tag Helper.

View Example

Page Sort No HTMX

This demonstrates the use of the Header Tag Helper Without HTMX.

View Example

Page Size

Page Size With HTMX

This demonstrates the use of the Page Size Tag Helper With HTMX.

View Example

Page Size Without HTMX

This demonstrates the use of the Page Size Tag Helper Without HTMX.

View Example

Continuation Pager (NoSQL)

Continuation Token Pagination

Demonstrates pagination using continuation tokens like Cosmos DB, DynamoDB, and Azure Table Storage. Supports token history for backward navigation.

View Example

Localization

Multi-Language Support

Interactive demo showing pagination in 8 languages: English, German, Spanish, French, Italian, Portuguese, Japanese, and Chinese.

View Example