Vuetify: [Bug Report] Data table's hide-default-header not working on mobile viewport

[kinow]

Environment

Vuetify Version: 2.0.11
Vue Version: 2.6.10
Browsers: Firefox 68.0
OS: Ubuntu undefined

Steps to reproduce

1. Created a data table with headers and some items data
2. Add hide-default-header to the data table
3. Confirm the headers are gone
4. Change view port to mobile on Firefox
5. The headers appear again because you changed the viewport

Expected Behavior

Headers are kept hidden even on mobile when hide-default-header is true

Actual Behavior

Headers are being displayed on mobile

Reproduction Link

https://codepen.io/kinow/pen/XWrgpQz

[kinow]

Normal viewport:

Firefox window resized:

[benjibuiltit]

Ran into this today. While waiting on a fix, this can be worked around relatively well by adding this to your styles:

.v-data-table__mobile-row__header {
    display: none;
}

.v-data-table__mobile-row__cell {
    text-align: left !important;
}

Can see it in action here: https://jsfiddle.net/wzL4y7h8/

[johnleider]

Your reproduction is missing v-app