Vuetify: 0.12 data-tables do not display full rows-per-page selection list

[firepick1]

Steps to reproduce

See Vuetify documents for v-data-table https://vuetifyjs.com/components/data-tables
Go to #2 Selectable Rows
Click on pages per row
Only "5" shows fully -- all other options are clipped

Versions

Vuetify 0.12.0

What is expected ?

See all rows-per-page options

What is actually happening ?

Options seem to be clipped by bottom of table. Maybe a z-index bug?

Reproduction Link

https://vuetifyjs.com/components/data-tables

[johnleider]

I started a branch to help fix this since it is a little more detailed.

[firepick1]

Cool. You may also discover that clients cannot set the initial rows-per-page, which is hardwired to 5.
If you want I can file another issue to fix in your new branch or just use this comment.

[johnleider]

You should definitely be able to set the initial rows-per-page, paging @nekosaur

[nekosaur]

You can set initial rows-per-page by using the pagination prop.

<v-data-table :pagination.sync="pagination"></v-data-table>
...
data () {
  return {
    pagination: {
      rowsPerPage: 10
    }
}

[forresthopkinsa]

@nekosaur Where is the documentation for this functionality? I couldn't find it.

[nekosaur]

https://github.com/vuetifyjs/vuetifyjs.com/issues/503

[forresthopkinsa]

Thanks.