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

亲测三种都可以:

相关推荐
EndingCoder1 小时前
测试 Next.js 应用:工具与策略
开发语言·前端·javascript·log4j·测试·全栈·next.js
索西1 小时前
Vue 响应式原理
vue.js
焦小风Zephyr1 小时前
Vue3组件通信:父子相传
vue.js
前端李二牛1 小时前
Vue3 特性标志
前端·javascript
Sky_Ax2 小时前
实现一个时间轴组件
vue.js
烛阴2 小时前
TypeScript 函数重载入门:让你的函数签名更精确
前端·javascript·typescript
RainbowSea3 小时前
伙伴匹配系统(移动端 H5 网站(APP 风格)基于Spring Boot 后端 + Vue3 - 05
vue.js·spring boot·后端
emojiwoo3 小时前
React 状态管理:useState 与 useDatePersistentState 深度对比
前端·javascript·react.js
日月晨曦3 小时前
JS类型转换:一场隐式与显式的"变形记"
javascript