Understand `rows-per-page-items` at Vuetify Data iterators + Data tables, can I set default page?
For anyone using vuetify 2.0 you have to use the footer prop on the data table like so:
<v-data-table
:headers="headers"
:items="items"
:footer-props="{
'items-per-page-options': [10, 20, 30, 40, 50]
}"
:items-per-page="30"
:search="search"
>
You can define the data property as so (if you're using template structure):
rowsPerPageItems: [10, 20, 30, 40],
pagination: {
rowsPerPage: 20
},
and your component tag props:
<v-data-iterator
:rows-per-page-items="rowsPerPageItems"
:pagination.sync="pagination"
... />
The "pagination - rows per page" prop value defines your default.
:footer-props="{
itemsPerPageOptions:[10,20,30,-1]
}"
this is the newest version now. the itemsPerPageOptions field in the footer-props.