【问题标题】:<v-data-table> dynamic height<v-data-table> 动态高度
【发布时间】:2022-06-18 00:03:13
【问题描述】:

如您所见,我使用了占用所有可用空间的&lt;v-data-table&gt;。我通过将height: 70vh 添加到我的&lt;v-data-table&gt; 来实现此结果。很明显,这个解决方案不好,因为我只是硬编码了高度,如果我改变工具栏的高度(写有“设备”的高度),我还必须改变数据表的高度。有没有办法实现动态高度? (从工具栏到页面底部,占用所有可用空间)

【问题讨论】:

  • 你可以试试 height: calc(100vh - 80px);或者无论您的工具栏高度是什么。更通用的方法是使用 flexgrid css

标签: vue.js vuetify.js v-data-table


猜你喜欢
  • 2021-02-09
  • 2020-08-08
  • 2021-08-30
  • 2020-02-26
  • 2021-02-11
  • 2019-03-15
  • 2019-07-23
  • 2020-07-09
  • 2020-02-02
相关资源
最近更新 更多