Paginator
The FktPaginator component provides server-side pagination controls with configurable display options, responsive design, and accessibility features. Perfect for tables, lists, and any paginated content.
Import
import {FktPaginatorComponent} from "frakton-ng/paginator";Basic
Default paginator component with configurable state and options.
Basic example
Default paginator with all features enabled. Try navigating through pages and changing page size.
Basic Pagination
Default pagination with all features enabled. Try navigating through pages and changing page size.
Configurable example
Examples of different paginator configurations for various use cases.
Configuration Options
Examples of different pagination configurations for various use cases.
Minimal (Navigation Only)
Perfect for mobile or compact layouts
Info Only
Just display current state without navigation
Custom Page Sizes
Different page size options and more visible pages
Responsive example
Responsive design that adapts to different screen sizes with mobile-friendly reordering.
Responsive Design
Resize your browser to see how the pagination adapts to different screen sizes. On mobile, elements reorder for better usability.
Responsive Behavior:
- Desktop: All elements in a horizontal line
- Mobile (< 640px): Stacked layout with reordering:
- Navigation controls
- Page size selector
- Info text