vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Feature Request] Allow disabling pagination through v-data-table-footer props

Open adam-tylr opened this issue 2 years ago • 2 comments

Problem to solve

Allows for disabling pagination (not turning it off, just disabling the buttons). In my use case, I load the next page content when the user clicks next page. In Vuetify 2, I would set disable-pagination to true while the content was loading so that the user couldn't continue forward while content was loading. VPagination still has a disabled prop, it just looks like VDataTable doesn't allow this prop to be passed through. This was part of the request in #17651 which offered an option for removing the footer completely but not offering control over the state of the buttons.

I could implement my own pagination, but the existing footer gives the control I need for everything except for the forward/backward buttons.

Proposed solution

Add a prop to VDataTable that would set disabled on the VPagination inside VDataTableFooter

adam-tylr avatar Mar 22 '24 20:03 adam-tylr

Definitely think this is something worth adding rather than expecting the user to implement own footer pagination for disabling and enabling actions.

MrMoonbag avatar May 21 '24 15:05 MrMoonbag

I work in a large Brazilian company and we really missed this feature when we migrated to Vuetify 3.

eacc-jr avatar Oct 18 '24 15:10 eacc-jr