解决element ui e-image和e-table一起使用显示的问题
作者：礼貌而已
本文详细解析了在使用Element Plus组件库时,el-table与el-image嵌套导致样式错乱的问题,并提供了有效的解决代码示例,帮助开发者优化页面布局
一、问题描述
使用element-plus组件库开发时，在el-table中嵌入el-image，图片预览时两者层叠，样式错乱。
二、错误还原
el-table 与 el-image图片预览样式相互影响
三、解决方法
给 el-table 加一行如下代码即可
// 单元格样式
.el-table__cell {
position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
}
四、解决后的效果
五、总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。