【发布时间】:2022-06-18 00:03:13
【问题描述】:
如您所见,我使用了占用所有可用空间的<v-data-table>。我通过将height: 70vh 添加到我的<v-data-table> 来实现此结果。很明显,这个解决方案不好,因为我只是硬编码了高度,如果我改变工具栏的高度(写有“设备”的高度),我还必须改变数据表的高度。有没有办法实现动态高度? (从工具栏到页面底部,占用所有可用空间)
【问题讨论】:
-
你可以试试 height: calc(100vh - 80px);或者无论您的工具栏高度是什么。更通用的方法是使用 flexgrid css
标签: vue.js vuetify.js v-data-table