el-table样式问题:如何修改element-ui表格中按钮悬浮显示但是被el-table溢出隐藏的问题?

最近在写elment-ui样式表格中遇到了溢出隐藏的问题

修改前

修改后

是由于el-table__body-wrapper为 overflow:hidden导致的

解决方式:

复制代码
.el-table__body-wrapper {
    overflow: visible !important;
}
//或者
/deep/.el-table__body-wrapper {
    overflow: visible !important;
}

Tips:组件库中的元素设置了 overflow: 'hidden'。这会导致我插入的元素,如果设置了 position: 'absolute' 都会被隐藏

相关推荐
SuperEugene5 小时前
Vue生态精选篇:Element Plus 的“企业后台常用组件”用法扫盲
前端·vue.js·面试
Neptune15 小时前
JavaScript回归基本功之---类型判断--typeof篇
前端·javascript·面试
进击的尘埃5 小时前
微前端沙箱隔离:qiankun 和 wujie 到底在争什么
javascript
子兮曰6 小时前
后端字段又改了?我撸了一个 BFF 数据适配器,从此再也不怕接口“屎山”!
前端·javascript·架构
颜酱8 小时前
一步步实现字符串计算器:从「转整数」到「带括号与优化」
javascript·后端·算法
比尔盖茨的大脑9 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
bluceli9 小时前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js
程序员ys9 小时前
前端权限控制设计
前端·vue.js·react.js
卓卓不是桌桌9 小时前
如何优雅地处理 iframe 跨域通信?这是我的开源方案
javascript·架构
滕青山9 小时前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js