Vue Better Table
Return to top
On this page

Misc

Data row num

Number of row can be enabled by data-row-num property

Example

#IDNameIs leader
1
1
Uno Sacry SaintoFia
2
2
Nick Niclson
3
0
Ed Hungry
4
0
5
4
Bars Beautiful
6
5
Emma
7
6
Sonja
7 items

Vue code

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

Data row num with pagination

Numbering also will continue on the pagination

Example

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

Vue code

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