CataUiPaginate

Component for displaying pagination controls, allowing users to navigate between pages of data.

<CataUiPaginate
    :maxItems="8"
    :pageSize="25"
    :startPage="1"
    :total="100"
    @update="onUpdate($event)" />

Props

Prop	Description	Type	Default	Required
maxItems	Maximum number of pagination items to display	Number	10	false
pageSize	Number of data items to display per page	Number		true
startPage	Initial active page number	Number	1	false
total	Total number of items in the dataset	Number		true

Events

Event	Description	Payload
update	Emitted when page changes, either by clicking a page number or navigation buttons	Object containing currentPageSize, isFirstPage, isLastPage, page, pageCount

Payload Example

{
  currentPageSize: 10, // Current items per page
  isFirstPage: false,  // Whether current page is the first page
  isLastPage: false,   // Whether current page is the last page
  page: 2,             // Current active page number
  pageCount: 7         // Total number of pages
}