el-table列太多导致横向滚动条不在当前屏幕中解决方法

2024年09月29日 建站教程

1、在el-table中新增:height="tableHd"参数

<el-table :data="listData" border v-loading="dataLoading" ref="table" :height="tableHd">

2、在data中定义tableHd:0

3、高度赋值

this.$nextTick(() => {
  this.tableHd = document.body.clientHeight - "200" + "px";
});
//document.body.clientHeight获取可见屏幕高度,减去el-table列表以外的高度

本文链接:http://so.lmcjl.com/news/14210/

展开阅读全文
相关内容