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列太多导致横向滚动条不在当前屏幕中解决方法


猜你喜欢
- Angular获取ngIf渲染的Dom元素示例 2023-07-09
- layui实现日历控件控制之前日期不可选择 2024-11-29
- JavaScript中的Window窗口对象 2023-12-23
- JavaScript实现限时秒杀功能 2023-12-02
- php-来自mysql的html中的特殊字符输出 2023-10-26
- CSS3 clip-path 用法介绍详解 2024-01-03
- 第19天 django 文件上传 CBV和FBV html模板语言 url的正则表达式 django的路由名称 django使用mysql注意的事项 model的CRUD django的字段参数 d 2023-10-25
- el-table解决@cell-mouse-enter和type="selection"同时存在bug 2025-01-16
- css3实现动画的三种方式 2024-01-03
- vue自定义过滤器 2023-10-08