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;
}
相关推荐
Forfun_tt4 小时前
xss-labs pass-12
前端·xss
云枫晖4 小时前
Webpack系列-编译过程
前端·webpack
AskHarries4 小时前
Toolhub — 一个干净实用的在线工具集合
前端·后端
H尗5 小时前
Vue3响应式系统的精妙设计:深入理解 depsLength 与 trackId 的协同艺术
前端·vue.js
昔人'5 小时前
html`contenteditable`
前端·html
爱宇阳5 小时前
npm 常用标签与使用技巧新手教程
前端·npm·node.js
@大迁世界5 小时前
2025 年该选谁?npm vs yarn vs pnpm
前端·npm·node.js
crary,记忆5 小时前
简介NPM 和 NPX
前端·学习·npm·node.js
wocwin5 小时前
解决qiankun微前端Vue2+Element-ui主应用跳转到Vue3+Element-plus子应用样式冲突问题
vue.js