现象：
原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。
解决方案：
找到项目入口文件（敲黑板重点！！），添加全局样式：
.el-table th.gutter{
display: table-cell!important;
}
效果：
完美啦，看着顺眼多了吧～
vue中使用element-ui里的table中表头与表格出现错位问题
最新推荐文章于 2026-04-13 11:01:31 发布
本文解决了在使用ElTable组件时，由于电脑显示缩放设置导致的显示异常问题。通过在项目入口文件中添加特定的全局样式代码，使得基于webkit内核的Google浏览器能够正确显示表格，与360浏览器保持一致。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
