Skip to content
On this page

Pagination

Pagination allows split records to pages and limit it. By default row count per page is 5

Enabling pagination

Pagination can be enabling by adding pagination property to component

Example

IDNameIs leader
1
Uno Sacry SaintoFia
2
Nick Niclson
0
Ed Hungry
0
4
Bars Beautiful
7 items
1 / 2

Vue code

vue
<template>
	<!-- ... -->
	<BetterTable
		:structure="tableStructure"
		:data="tableData"
		pagination
	/>
	<!-- ... -->
</template>

Pagination limit

Page row limit can be change by pagination-limit property

Example

IDNameIs leader
1
Uno Sacry SaintoFia
2
Nick Niclson
0
Ed Hungry
7 items
1 / 3

Vue code

vue
<template>
	<!-- ... -->
	<BetterTable
		:structure="tableStructure"
		:data="tableData"
		pagination
		:pagination-limit="3"
	/>
	<!-- ... -->
</template>