el-table动态设置高度_el-table 高度

作者：weixin_40725706 | 2024-08-11 16:42:04

踩

el-table 高度

当表格数据横向和纵向数据都太多时，我们如果想要横向滑动时，需要拉动到最后才能滑动横向滚动条，并且表头也会看不到，这样很不方便
如图：在这里插入图片描述
这时候我们需要给表格设置最大高度：但是表格的数据是不固定的，并且每个人的显示器大小也不固定，那么我们就需要动态计算，

1.获取浏览器高度- 其他部分的高度

mounted(){
  this.maxHeight = document.body.clientHeight - 300;
}
1
2
3

2.给el–table设置max-height

<el-table
   :data="tableData"
   border
   fit
   :max-height="maxHeight"
>
1
2
3
4
5
6

效果如图：
在这里插入图片描述
大功告成！！
欢迎各位大佬指教~~

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/965200