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;
}
相关推荐
达子66621 分钟前
第26章_HarmonyOs开发图解之 设备管理
vue.js
属于自己的天空33 分钟前
每天省去重复 Prompt:我用 Skills 把 CRUD 生成标准化了
前端·后端
卡卡罗特AI34 分钟前
GitHub怎么用?零基础,保姆级使用教程-上!建议收藏
前端·后端·github
自然 醒36 分钟前
v-tooltip自定义指令封装
前端·javascript·vue.js
因_崔斯汀1 小时前
Three.js 3D 热力云图效果实现
前端·three.js
爱勇宝1 小时前
人到了一定年纪,才会看懂这些人性真相
前端·后端
梓䈑2 小时前
【用 Vibe Coding 实现的 C++17 在线判题系统】前端开发 + Web 自动化测试
前端·c++·ai编程
程序员黑豆2 小时前
鸿蒙应用开发 @BuilderParam 使用教程:实现灵活的 UI 插槽
前端·harmonyos
万少2 小时前
用 TraeWork 给小孩做一个家庭工作台
前端·人工智能·后端