PaginationFooter

Overview

Pagination footer for data views. Composes the PaginationBar substrate with a "Showing X to Y of N" range read-out (PaginationMeta), a rows-per-page selector (whose final "All" entry loads every page), and the first / previous / next / last navigation cluster with a "Page N of M" indicator.

Theme entry: PaginationFooter

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
totalRecords	number	yes		Total number of records across all pages.
currentPage	number	yes		The currently active 1-based page number.
rows	number	yes		Number of records the server returned per page; drives the range read-out math.
perPage	number|string		undefined	The selected rows-per-page value: a number, or the "all" sentinel for the all-pages view.
pageSizeOptions	array		[...DEFAULT_PAGE_SIZE_OPTIONS]	Rows-per-page options offered by the selector; the final "all" entry loads every page.
loading	boolean		undefined	When true, the paginator shows placeholder page counts while data is loading.
showTotalRecordNum	boolean		true	When true, the record-count read-out is displayed.
isTable	boolean		true	Indicates whether the paginator is used inside a table layout (reserved for theming).

Slots

meta

Scoped slot.

Bindings

Name	Description
totalRecords
currentPage
rows
loading
report

rows-per-page

Scoped slot.

Bindings

Name	Description
pageSizeOptions
perPage
onChange

Events

Name	Description
update:currentPage	Emitted when the user navigates to a different page; payload is the 1-based page number.
update:perPage	Emitted when the user changes the rows-per-page selection; payload is a number or the "all" sentinel.

Full event reference

Source

client/lib/navigation/pagination/PaginationFooter.vue