Vuetify: [Feature Request?] Responsive Data Tables

Created on 11 Sep 2017  路  7Comments  路  Source: vuetifyjs/vuetify


It doesn't appear that the DataTables component supports collapsing table rows/columns to cards when viewed on smaller screens.

In Vuetify, is there currently a way to do something similar to the first example here?:
(Make sure "Mobile cards" is on in the first example, and collapse the width of your browser)
https://buefy.github.io/#/documentation/table

feature

Most helpful comment

Hello everybody!

I don't know if a miss something but neither data iterator nor data table does the same as https://buefy.github.io/#/documentation/table mobile cards do.

It is possible to make vuetify data table responsive as mobile--cards in buefy?

Thanks!

All 7 comments

This should be possible with #2297

@KaelWD #2297 is merged, does this mean it's possible now?
Will there be an example in the documentation about it?

Yes, it's in 1.0.0-alpha.1

It hasn't been documented yet, see vuetifyjs/vuetifyjs.com#19

I really need this feature, thanks for including.

Hello everybody!

I don't know if a miss something but neither data iterator nor data table does the same as https://buefy.github.io/#/documentation/table mobile cards do.

It is possible to make vuetify data table responsive as mobile--cards in buefy?

Thanks!

This would be a tremendous improvement to the datatable. Anyone know if there is any movement on this?

There is already a solution to this problem using v-data-iterator. In coming data-table refactor, mobile view will be included by default.

If you need help please visit our chat

Was this page helpful?
0 / 5 - 0 ratings