CODEWITHSUNDEEP
vue.jsvuetify.js
zakharov.arthur
zakharov.arthur

Reputation: 227

v-data-table on Vuetify 2.0.5 how to disable change of table header on mobile screens?

I have updated project from Vuetify 1.5 to Vuetify 2.0. I have v-data-table where several columns are sortable. In previous version on mobile screens table was in the same view but x-scrollable. Now table is 100% width and table header is replaced with selector of sortable columns. How can I disable such behavior?

Upvotes: 6

Views: 7162

Answers (1)

verunar
verunar

Reputation: 874

add empty mobile-breakpoint to your <v-data-table>, such as <v-data-table :mobile-breakpoint='NaN'>

Update: Vuetify 2.3.9

The above answer may throw an error on the console. mobile-breakpoint expects a number.

Examle:

<v-data-table :mobile-breakpoint="0" />

Upvotes: 29

Related Questions