vue中使用element-ui里的table中表头与表格出现错位问题

现象:

vue中使用element-ui里的table中表头与表格出现错位问题_第1张图片

原因:电脑显示的缩放引起的,并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常,而Google浏览器才会出现这个问题。

解决方案:

找到项目入口文件(敲黑板重点!!),添加全局样式:

.el-table th.gutter{
    display: table-cell!important;
}

效果:

完美啦,看着顺眼多了吧~

你可能感兴趣的:(vue,碎笔记)