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

相关推荐
J***Q29217 小时前
Vue数据可视化
前端·vue.js·信息可视化
JIngJaneIL18 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
ttod_qzstudio19 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦19 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
1***s63219 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
一 乐19 小时前
应急知识学习|基于springboot+vue的应急知识学习系统(源码+数据库+文档)
数据库·vue.js·spring boot
槁***耿20 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶20 小时前
移动端平板打开的三种模式。
前端·javascript
U***498320 小时前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js
老前端的功夫20 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化