KtPagination

Properties Show plus

Emits Show plus

Basic Usage

<KtPagination :total="50" :pageSize="10" />

Default Page

<KtPagination :total="50" :pageSize="10" />

Styles

Expanded

<KtPagination pagingStyle="expand" :total="50" :pageSize="10" />

Fraction

<KtPagination pagingStyle="fraction" :total="50" :pageSize="10" />

Flexible

<KtPagination pagingStyle="flex" :total="500" :pageSize="10" />
Flexible without right bound

With flexible pagination components you can omit the total prop. This will make the upper bound disappear, the user
can increase the page indefinitely. This is useful for cases where the total number of pages is not (yet) known

Extra Options


<KtPagination
	pagingStyle="flex"
	:total="500"
	:pageSize="10"
	:page="25"
	:adjacentAmount="1"
/>
<KtPagination
	pagingStyle="flex"
	:total="500"
	:pageSize="10"
	:page="25"
	:adjacentAmount="2"
/>
<KtPagination
	pagingStyle="flex"
	:total="500"
	:pageSize="10"
	:page="25"
	:adjacentAmount="3"
/>

<KtPagination pagingStyle="flex" :total="500" :pageSize="10" />
<KtPagination pagingStyle="flex" :total="500" :pageSize="10" fixedWidth />