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