解决element的Table表格组件的高度自适应问题

avatar
作者
猴君
阅读量:118

解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果

方式一:

注:也可直接将el-table的height属性绑定为字符串:calc(100vh - 200px) 实现为同样的效果, 200 是顶部和底部导航以及部分自定义布局 ;例:(这里使用了rem,一样的道理)

方式二:通过在js中进行计算

j记录一个坑,一开始我想直接在css中进行计算高度,然和可以实现效果,但是会多出一条横线

记录一下,长个记性

多了一条线,用方式一的话就不会出现这种问题

最后附上布局供参考