PG01 Basic Pagination

Enable client-side pagination with page size and navigation controls

Live Demo
Code
Enable Pagination 
 
 
Configuration
 
Basic Setup
 
isPageable - 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...
 
Additional Properties
 
PropertyTypeDefaultDescription
paginationMode'client' | 'server''client'Client-side pagination handles slicing automatically. Server mode requires ondatarequest handler and totalItems.
showPaginationboolean | 'auto'trueShow pagination controls. 'auto' shows only when items exceed page size.
totalItemsnumber-Total item count for server-side pagination (required when paginationMode: 'server').