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

亲测三种都可以:

相关推荐
紫_龙3 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript
蓝莓味的口香糖6 小时前
【vue】初始化 Vue 项目
前端·javascript·vue.js
aikongmeng6 小时前
【Ai】Claude Code 初始化引导
javascript
光影少年6 小时前
数组去重方法
开发语言·前端·javascript
我命由我123456 小时前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
weixin_443478517 小时前
Flutter第三方常用组件包之路由管理
前端·javascript·flutter
QQ5110082858 小时前
基于区块链的个人医疗咨询挂号信息系统vue
前端·vue.js·区块链
程序员小寒9 小时前
JavaScript设计模式(八):命令模式实现与应用
前端·javascript·设计模式·ecmascript·命令模式
Z_Wonderful11 小时前
在 Next.js 中,使用 [id] 或 public 作为文件夹或文件名是两种完全不同的概念,分别对应 动态路由 和 静态资源托管
javascript·网络·chrome
妖萌妹儿13 小时前
postman怎么做参数化批量测试,测试不同输入组合
开发语言·javascript·postman