当设置dialog中有el-table时,并设置el-table区域的滚动,看到el-table中多了一条横线

问题:当设置dialog中有el-table时,并设置el-table区域的滚动,看到el-table中多了一条横线;

原因:el-table有一个before的伪元素作为表格的下边框下,初始的时候已设置,在滚动的时候并没有重新设置位置,导致滚动的el-table带上了这条线。

解决方式一:(样式穿透)

复制代码
.el-table::before {
  z-index: inherit;
}

解决方式二:

复制代码
   .el-table::before {
      display: none;
    }

解决方式三:

复制代码
   .el-table::before {
      height: 0;
    }

亲测三种都可以:

相关推荐
web打印社区4 分钟前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单
开发语言·前端·javascript·chrome·pdf·ecmascript
web打印社区1 小时前
JS 静默打印怎么做:纯前端为什么不行,以及最小可跑通写法
开发语言·前端·javascript·websocket·网络协议·http·pdf
web打印社区1 小时前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5
liangshanbo12152 小时前
React Fiber:从“解决卡顿”到完整更新链路
前端·javascript·react.js
雪芽蓝域zzs2 小时前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)
vue.js·elementui
铅笔小新z3 小时前
【stm32】理解弱引用
javascript·stm32·嵌入式硬件
凤城老人3 小时前
从PyQt6到Electron:一款英语字帖生成器的跨平台重构实战与踩坑全记录
javascript·重构·electron
雪芽蓝域zzs12 小时前
第 2 节:基础扩展 - 下拉弹窗常用原生属性
vue.js·elementui
星栈15 小时前
pnpm 12 升级实测
前端·javascript
Ai-_Man15 小时前
您您这可以把Microsofat Copilot的多个会话比如说。左侧的多个会话一次性导出吗?不是单条会话里面的多次会对话。AI导出鸭
javascript·人工智能·ai·小程序·电脑·copilot