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

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


image.png

内容边框发生了错位

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

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

加上之后就解决了

image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容