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

相关推荐
TT_哲哲27 分钟前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
从文处安1 小时前
「九九八十一难」从回调地狱到异步秩序:深入理解 JavaScript Promise
前端·javascript
要换昵称了1 小时前
Axios二次封装及API 调用框架
前端·vue.js
进击的尘埃1 小时前
Node.js 子进程管理:child_process 模块的正确打开方式
javascript
angerdream1 小时前
最新版vue3+TypeScript开发入门到实战教程之Pinia详解
前端·javascript·vue.js
怜悯1 小时前
uniapp 如何实现google登录-安卓端
前端·javascript
TT_哲哲1 小时前
小程序解析字符串拼接多图 点击放大展示
前端·javascript
假装没有名字1 小时前
Vue2、Vue3中的$scopedSlots和$slots区别
vue.js
吴声子夜歌3 小时前
TypeScript——模块解析
javascript·ubuntu·typescript
han_3 小时前
JavaScript设计模式(五):装饰者模式实现与应用
前端·javascript·设计模式