当设置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;
    }

亲测三种都可以:

相关推荐
随风一样自由15 小时前
【React+TS71007】Next.js “use client” 误用导致 TS71007:客户端/服务端引入问题的完整排查与修复
前端·javascript·react.js
林恒smileZAZ17 小时前
用 Vue 3 + Electron 做桌宠:从启动退出到拖拽、单击与鼠标穿透
vue.js·electron·计算机外设
软件技术NINI18 小时前
基于JavaWeb 汽车租聘
java·vue.js·spring boot·后端·python·毕业设计·毕设
2301_32241428041 天前
基于SpringBoot+Vue的休闲零食超市管理系统的设计与实现59004-计算机毕设 原创(免费领源码+部署教程+开发环境)
java·vue.js·spring boot·redis·mysql·决策树·推荐算法
酷炫码神1 天前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
酷炫码神1 天前
Day 8|Vue3 响应式:告别手动操作 DOM,让数据驱动界面
javascript·vue.js·ecmascript
码林鼠1 天前
flutter状态管理入门教程-Riverpod
开发语言·javascript·flutter
互影派1 天前
分享:Cocos 互动影游一套代码双端分发(Web H5 + Windows/Steam)实践
javascript
Amos_Web1 天前
Markdonw语法
开发语言·前端·javascript
星光不问赶路人1 天前
Vue 3 对象监听与快照:ref 和 reactive 的关键差异
前端·vue.js