ELement Table表格高度响应式解决方案

367 阅读1分钟

在使用Element UI写Table表格的时候我发现一个比较有趣的问题,有些时候无法需要动态设置Element的高度,比如使用百分比,以下是ELement官方文档的说明。他似乎是封装了一个v-bind来获取高度,我看了其他解决方法,比如说这篇。

vue基于elementui设置表格动态高度的几种方法 - 掘金 (juejin.cn)

Element Plus:

image.png

Element UI:

image.png

但是我似乎找到了更优雅的解决方法!!就是CSS属性计算calc()

<el-table :data="tableData"  height="calc(100vh - 360px)">