Vuetify: [Feature Request] Add a slot in the v-data-footer before the pagination controls
Problem to solve
This would help keep buttons and other controls associated with the table data close to it and not require more real estate. There is typically a good deal of empty space to the left of the controls in the footer. One could put an Add button or a switch to toggle the data for example.
Proposed solution
Add a slot in the v-data-footer right before the v-data-footer__select element to utilize the space.
fontzter
All 4 comments
A similar feature was allready added to the v1.2.0 milestone with Issue #4691.
The slots got lost with the rework of the datatable in v2.
JungComdok
on 18 Nov 2019
@JungComdok good catch! The only difference is that I think it should be before the page controls. This would keep them consistently in the same place regardless of whether the new slot is used. Perhaps both (two slots) would be even better -- footer.append and footer.prepend
fontzter
on 18 Nov 2019
A hacky css work-around for now: https://codepen.io/fontzter/pen/MWwGzjv
fontzter
on 16 Mar 2020
Yes, I need for bulk action buttons
denmasyarikin
on 14 Jun 2020
Related issues
paladin2005
路
3Comments
sebastianmacias
路
3Comments
itanka9
路
3Comments
jofftiquez
路
3Comments
smousa
路
3Comments
Most helpful comment
@JungComdok good catch! The only difference is that I think it should be before the page controls. This would keep them consistently in the same place regardless of whether the new slot is used. Perhaps both (two slots) would be even better --
footer.appendandfooter.prepend