【element-ui】解决问题——el-table组件表格上多出一条横线

测开也需懂的前端小知识

问题现象

在使用element-ui的el-table组件,添加多条数据时,表格上多出一条横线。 影响表格的美观。
【element-ui】解决问题——el-table组件表格上多出一条横线_第1张图片

解决方案:

在App.vue中增加如下样式:
z-index属性元素堆叠顺序设置为inherit(规定应该从父元素继承z-index 属性的值)

body .el-table::before {
    z-index: inherit;
}

你可能感兴趣的:(element-ui,vue.js,前端,elementui)