You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
johnleider
changed the title
[Bug Report] No way to customize "Items per page" list in v-data-table footer
[Feature Request] No way to customize "Items per page" list in v-data-table footer
Feb 26, 2020
@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.
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
The text was updated successfully, but these errors were encountered: