使用v-slot：body时Vuetify v-data-table无响应

Question

使用v-slot：body时，Vuetify v-data-table不堆叠在移动设备上

如果数据表实现了主体v槽，如何将其堆叠起来？在Vuetify文档中可以看到，这就是普通v-data-table的行为：

这是使用主体插槽时的行为：

谢谢。

Answer 1

num = 20.0 print('{.2f}'.format(num)) # Or, using f-strings: print(f'{num:.2f}') 中的默认body implementation具有表行的两个组成部分-v-data-table和Row。当页面的宽度小于600px时，将使用MobileRow。

通过使用MobileRow插槽，将放弃默认实现以及移动逻辑，因此您必须提供自己的实现。幸运的是，有一个方便的帮手class，我们可以根据当前页面大小轻松切换样式。

这里是codepen，上面有解决方案的草图。相关部分：

body

要获得更精确的样式，您可能需要使用可见性帮助器classes并为表行提供两个单独的实现-就像默认实现一样。