美文网首页
解决element的Table表格组件的高度自适应问题

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

作者: 小白白呐 | 来源:发表于2022-06-28 10:18 被阅读0次

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

    方式一:

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

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

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

    记录一下,长个记性

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

    最后附上布局供参考

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/fzsavrtx.html