element-ui el-table 设置固定列fixed 高度不对

表现:高度不一致或者遮挡横向滚动条

截图:

解决方案:

1、固定表格不占用滚动条的高度

html 复制代码
:v-deep .el-table .el-table_fixed { 
    bottom: 8px !important; 
    height: calc(100% - 8px) !important;
}  
::v-deep.el-table_fixed-body -wrapper.el-table _body { 
        padding-bottom: 10px !important; 
}
        ::v-deep.el-table_fixed, 
::v-deep .el-table_fixed-right {
 
height: calc (100%- 8px)!important; }
::v-deep .el-table fixed::before {
bottom: -1px !important;
}

2、检查Elements里面是否有这个class,有的话直接复制过去就行!高度充满整个表格。

复制代码
// 表格高度不一致,将高度撑开
::v-deep .el-table__fixed-right {
  height: 100% !important;
}
相关推荐
徐小夕@趣谈前端4 分钟前
Web文档的“Office时刻“:jitword共建版2.0发布!让浏览器变成本地生产力
前端·数据结构·vue.js·算法·开源·编辑器·es6
Data_Journal16 分钟前
如何使用 Python 解析 JSON 数据
大数据·开发语言·前端·数据库·人工智能·php
德育处主任Pro17 分钟前
纯前端网格路径规划:PathFinding.js的使用方法
开发语言·前端·javascript
墨笔.丹青23 分钟前
基于QtQuick开发界面设计出简易的HarmonyUI界面----下
开发语言·前端·javascript
董世昌4140 分钟前
深度解析浅拷贝与深拷贝:底层逻辑、实现方式及实战避坑
前端·javascript·vue.js
扶苏100244 分钟前
vue使用event.dataTransfer实现A容器数据拖拽复制到到B容器
前端·vue.js·chrome
David凉宸1 小时前
Vue 3 项目的性能优化策略:从原理到实践
前端·vue.js·性能优化
小马_xiaoen1 小时前
Proxy 与 Reflect 从入门到实战:ES6 元编程核心特性详解
前端·javascript·ecmascript·es6
hoiii1871 小时前
MATLAB SGM(半全局匹配)算法实现
前端·算法·matlab
计算机学姐2 小时前
基于SpringBoot的民宿预定管理系统【三角色+个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·mysql·信息可视化·intellij-idea·推荐算法