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	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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
total-records
current-page
rows
loading
report

rows-per-page

Scoped slot.

Bindings

Name	Description
page-size-options
per-page
on-change

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