PG01 Basic Pagination

Enable client-side pagination with page size and navigation controls

Live Demo
Code
Enable Pagination
 
Configuration
Basic Setup

pageable - Enable pagination

pageSize - Items per page (default: 10)

Navigation
  • Previous/Next buttons
  • Page info display
  • Keyboard: Page Up/Down

PG02 Customization Options

Configure position, layout elements, page sizes, and summary row

Live Demo
Code
Customization
 
Configuration
Vertical:
Horizontal:
paginationPosition = "bottom-right"
firstpreviouspageInfonextlast pageSize
paginationLayout = "first|previous|pageInfo|next|last"

PG03 Server-Side Pagination

Server-side pagination with ondatarequest and custom translated labels

Live Demo

Navigate pages, change page size, or sort columns. Note Czech pagination labels.

Code
Custom Labels & Server-Side
 
Console Output
Event Log
Navigate pages or sort to see events...