0


ElementUI 表格高度自适应终极解决方案

ElementUI 表格高度自适应终极解决方案
不管在表格上边有任何组件,都可以解决。下边的这个50高度是用来放其他组件的,比如常见的分页组件,如果你不需要的话,可以不用放。

//根据浏览器高度设置初始高度,并监听浏览器高度变化,改变表格高度,50表示表格距离浏览器的高度this.$nextTick(()=>{// 根据浏览器高度设置初始高度this.$refs.table.$el.getBoundingClientRect().top //表格距离浏览器的高度this.heights = window.innerHeight -this.$refs.table.$el.offsetTop -50// 监听浏览器高度变化,修改表格高度
          window.onresize=()=>{this.heights = window.innerHeight -this.$refs.table.$el.offsetTop -50}})
标签: elementui es6 前端

本文转载自: https://blog.csdn.net/weixin_45506717/article/details/124386955
版权归原作者 前端开发工程师在杭州 所有, 如有侵权,请联系我们删除。

“ElementUI 表格高度自适应终极解决方案”的评论:

还没有评论