Vuetify: [Feature Request] No way to customize "Items per page" list in v-data-table footer

[Mikilll94]

Environment

Vuetify Version: 2.2.11
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.130
OS: Windows 10

Steps to reproduce

I want to customize "Items per page" list in the data table footer to look, i.e. like this:

But this is NOT POSSIBLE. This list is attached to v-app element so I cannot target it via CSS selector from 'v-data-table' component. I can only create a global style but this will style all lists in my app which is very bad.

Expected Behavior

Add "content-class" prop to v-data-footer to specify CSS class which will be added to "Items per page" list.

Actual Behavior

There is no way to customize "Items per page" list in the data table footer.

Reproduction Link

https://codepen.io/mikilll94/pen/zYGGwGv?editable=true&editors=101

[adrianschubek]

That would be awesome. Also is there a workaround to accomplish this currently without disabling the default pagination?

[Mikilll94]

@johnleider
This issue should be changed from "feature" to "bug". Because IMO the inability to simply target v-data-table footer via CSS is a bug, not a new Vuetify feature.

[justin-parker]

need this 🔥