Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] [VDataTable] Mobile compatibility mode does not work well with the body slot

See original GitHub issue

Versions and Environment

Vuetify: 2.0.0-beta.3 Vue: 2.6.10 Browsers: Chrome 75.0.3770.100 OS: Windows 10

Steps to reproduce

Reduce window size to mobile compatible mode.

Expected Behavior

Well I am not sure if this is an bug or a feature. But I would expect the same behavior as the other slots. I understand that tbody element get replace with the body slot. But if that is not possible, the headers should be shown at least.

Actual Behavior

Headers disappear and row class dont get replaced by mobile compatible classes

Reproduction Link

https://codepen.io/Jubels/pen/YoZXaM

Issue Analytics

State:
Created 4 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

nekosaurcommented, Jun 21, 2019

perhaps not super intuitive but you can set mobile-breakpoint prop to 0

0reactions

JeremyWalterscommented, Jun 24, 2019

@KaelWD Yes I can use item slot, but then I loose mobile compatibility. With item.<name> I don’t.

Top Results From Across the Web

Vuetify v-data-table not responsive when using v-slot:body

The default body implementation of v-data-table has two components for the table rows - Row and MobileRow . When the page's width is...

Changelog • data.table - GitLab

These data/columns are copied to the output instead of the usual variable column. This is backwards compatible since the previous behavior (one output...

lightning-card - documentation - Salesforce Developers

A lightning-card can contain a title, body, actions, and a footer. ... This example adds the View All link to the footer slot,...

Unreal Engine 4.26 Release Notes

Sequencer now works in conjunction with Control Rig and the new full-body IK solution to create new animations inside of Sequencer, reducing the...

<thead>: The Table Head element - HTML - MDN Web Docs

Warning: Do not use this attribute as it is obsolete (not supported) in the ... Report problems with this compatibility data on GitHub ......