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 />