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;
}
相关推荐
vx-程序开发15 小时前
【计算机毕设】51300童装超市管理系统的设计与实现
java·vue.js·spring boot·源码·课程设计·毕设·大作业
青柠之夏cc15 小时前
前端拖拽功能原生实现,不引入拖拽库完成业务
开发语言·前端·python
ym hyd 11115 小时前
题库建立与考试系统源码 Java+SpringBoot+Vue3 前后分离
java·开发语言·vue.js·spring boot·毕设
liangshanbo121515 小时前
前端大文件切片上传怎么做?
前端
Sand(ContextGate)16 小时前
Python Agent 测试实战:测试与评估,让 Agent 像传统软件一样可交付
前端·javascript·python·microsoft·ai
广州华水科技16 小时前
单北斗GNSS变形监测系统在城市安全与地质灾害中的应用前景
前端
颜进强16 小时前
20 · NestJs循环依赖与 forwardRef:容器为什么在环面前会死,"占位再补齐"怎么救
前端·后端·ai编程
颜进强16 小时前
19 · NestJs @Global 落地账:装饰器与 `isGlobal` 参数,各在什么场景上岗
前端·后端·ai编程
码艺-Alimjan16 小时前
Tauri 网站To桌面应用实战总结
前端·javascript·vue
颜进强17 小时前
18 · NestJS动态模块与 forRoot:`imports: [ConfigModule.forRoot({...})]` 到底在 import 什么
前端·后端·ai编程