element-ui中el-tables标签表头与内容边框错位问题

vue项目中使用element-ui中出现了一个问题,如图所示:


element-ui中el-tables标签表头与内容边框错位问题_第1张图片
image.png

内容边框发生了错位

百度发现也有同学发生了类似 问题,但后面解决了,看网上是说
由于电脑显示的缩放引起的,并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常,而Google浏览器才会出现这个问题。不过没关系,博主还是顺利找到了解决方案:

在index.html或App.vue文件(必须是入口文件,才能全局起作用)的style标签中添加如下样式:
body .el-table th.gutter{
    display: table-cell!important;
}

加上之后就解决了

element-ui中el-tables标签表头与内容边框错位问题_第2张图片
image.png

你可能感兴趣的:(element-ui中el-tables标签表头与内容边框错位问题)