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' 都会被隐藏

相关推荐
hhw19911234 分钟前
JavaScript知识点1
开发语言·前端·javascript
祈澈菇凉4 小时前
什么是 Vue 的自定义事件?如何触发和监听?
前端·javascript·vue.js
@大迁世界6 小时前
构建 Next.js 应用时的安全保障与风险防范措施
开发语言·前端·javascript·安全·ecmascript
is今夕7 小时前
postcss.config.js 动态配置基准值
javascript·vue.js·postcss
青茶绿梅*27 小时前
500字理透react的hook闭包问题
javascript·react.js·ecmascript
计算机软件程序设计7 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
前端御书房8 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder8 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式