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

织梦狗教程前端开发

2025-01-15

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列表以外的高度

以上是编程学习网小编为您介绍的“el-table列太多导致横向滚动条不在当前屏幕中解决方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。

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

下一篇： vuejs返回当前页面刷新指定数据