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

亲测三种都可以:

相关推荐
小约翰仓鼠5 小时前
vue3子组件获取并修改父组件的值
前端·javascript·vue.js
Lin Hsüeh-ch'in5 小时前
Vue 学习路线图(从零到实战)
前端·vue.js·学习
烛阴6 小时前
bignumber.js深度解析:驾驭任意精度计算的终极武器
前端·javascript·后端
你的人类朋友6 小时前
✍️Node.js CMS框架概述:Directus与Strapi详解
javascript·后端·node.js
啊~哈7 小时前
vue3+elementplus表格表头加图标及文字提示
前端·javascript·vue.js
xiaogg36787 小时前
vue+elementui 网站首页顶部菜单上下布局
javascript·vue.js·elementui
weixin_527550407 小时前
初级程序员入门指南
javascript·python·算法
HelloWord~7 小时前
SpringSecurity+vue通用权限系统
vue.js·spring boot
钡铼技术ARM工业边缘计算机7 小时前
千元级PLC平台支持梯形图+Python双开发
javascript
高山我梦口香糖8 小时前
[electron]预脚本不显示内联script
前端·javascript·electron