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.