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

相关推荐
杰克尼3 分钟前
vue_day04
前端·javascript·vue.js
小皮虾1 小时前
小程序云开发有类似 uniCloud 云对象的方案吗?有的兄弟,有的!
前端·javascript·小程序·云开发
QuantumLeap丶1 小时前
《uni-app跨平台开发完全指南》- 05 - 基础组件使用
vue.js·微信小程序·uni-app
阳懿1 小时前
meta-llama-3-8B下载失败解决。
前端·javascript·html
史林枫2 小时前
JavaScript 中call和apply的详细讲解 —— 连10岁的小朋友都能看懂!
javascript·apply·call
紫小米2 小时前
Vue 2 和 Vue 3 的区别
前端·javascript·vue.js
用户6600676685392 小时前
从变量提升到调用栈:V8 引擎如何 “读懂” JS 代码
前端·javascript
白兰地空瓶2 小时前
【深度揭秘】JS 那些看似简单方法的底层黑魔法
前端·javascript
进阶的小叮当3 小时前
Vue代码打包成apk?Cordova帮你解决!
android·前端·javascript
程序媛_MISS_zhang_01103 小时前
浏览器开发者工具(尤其是 Vue Devtools 扩展)和 Vuex 的的订阅模式冲突
前端·javascript·vue.js