[Feature Request] Make v-data-table more responsive

[firesharkstudios]

Problem to solve

Currently, a v-data-table with enough columns requires horizontal scrolling on mobile displays which isn't ideal.

Proposed solution

Buefy solves this well by changing the table layout on narrow displays to stacked vertical cards. See https://buefy.github.io/#/documentation/table and try making the browser narrow enough to see how the tabular format is auto converted into vertically stacked cards.

This is an effective solution and doing something similar would make v-data-table a good choice for desktop and mobile browsers.

[jacekkarczmarczyk]

This should be covered by #5232

[HuthDev]

Was this removed? The feature does not exist with the current version of vuetify - nothing is responsive about the data tables.

[blalan05]

This feature is in the 2.0 alpha.

[blalan05]

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or reach out to us in our Discord community.

 
Thank you for your contribution and interest in improving Vuetify.

[jacekkarczmarczyk]

Fixed in #5737