element-plus下使用telported为false的下拉框被隐藏的终极解决方案

复制下面的代码

scss 复制代码
.el-table {
  &:has(.el-popper:not([style*="display: none"])) {
    overflow: visible !important;
    .el-table__inner-wrapper {
      overflow: visible !important;
      .el-table__body-wrapper {
        overflow: visible !important;
        & > .el-scrollbar {
          overflow: visible !important;
          & > .el-scrollbar__wrap {
            overflow: visible !important;
          }
        }
      }
    }
  }
}
.el-table__cell {
  // 修复表格内的弹出内容被挡住问题
  &:has(.el-popper:not([style*="display: none"])) {
    overflow: visible !important;
    z-index: 99999;
    .cell {
      overflow: visible !important;
    }
  }
}
相关推荐
前端小臻19 分钟前
关于css中bfc的理解
前端·css·bfc
白嫖不白嫖30 分钟前
网页版的俄罗斯方块
前端·javascript·css
HappyAcmen32 分钟前
关于Flutter前端面试题及其答案解析
前端·flutter
顾比魁33 分钟前
pikachu之CSRF防御:给你的请求加上“网络身份证”
前端·网络·网络安全·csrf
林的快手34 分钟前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
肥肠可耐的西西公主2 小时前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫2 小时前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月2 小时前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学2 小时前
学习 TypeScript 栈和队列数据结构
前端·算法
天天开发2 小时前
【零代码革命】用Trae打造Flutter应用:AI助力,小白秒变工程师-页面调教篇
前端