美文网首页
element table固定表头,表的高度自适应解决方法

element table固定表头,表的高度自适应解决方法

作者: 小白白呐 | 来源:发表于2019-06-27 14:57 被阅读0次

这个问题困扰了很久,查了很多资料,各种解决办法,但是都不咋地

终于找到一个合适的方法,话不多说,上代码

1.把高度设置为动态的,

2.在data中声明一下

3. 计算高度: 

_this.$refs.topictable.$el.offsetTop  是指table到顶部的距离;100是预留的分页的高度,可看情况来变化大小  topictable是table的ref值。

看一下控制台输出

4.这样的话,会出现一个错误,这个错误 整了好久,发现超简单

5.把data里边声明的tableHeight附一个初始值就行,问题解决!!但是有一个不好的就是,当每次变化浏览器大小时,必须要刷新一下······实时刷新暂时没解决····,有好办法的可以留言哈

相关文章

网友评论

      本文标题:element table固定表头,表的高度自适应解决方法

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