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;
}
相关推荐
IT_陈寒2 分钟前
SpringBoot自动装配坑了我一天,原来问题出在这
前端·人工智能·后端
索西引擎1 小时前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮1 小时前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗1 小时前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js
万敏1 小时前
Vue3 全栈实战第二周:Pinia + Vite + Router + axios 完整记录
vue.js·node.js·全栈
OpenTiny社区1 小时前
TinyEngine 2.11版本发布:AI 进一步融入画布,Vue 工程可一键转DSL
前端·vue.js·github
小雪_Snow2 小时前
JavaScript 中的三种常用事件
开发语言·前端·javascript
Hyyy2 小时前
Electron-Vite是什么,和Vite有什么区别
前端·面试
蓝胖子酱2 小时前
在 Electron 中用 electron-store 实现加密存储与自定义格式文件
前端·javascript·数据库
虚焦像素_2 小时前
海康 Web 插件版接入指南:用法与注意事项
前端