element ui的table表格因竖向滚动条导致表头错位问题解决

在vue项目中引入table组件，当将表格高度固定出现竖向滚动条，而且横向滚动条滚到最右边时，就会出现表头与内容错位的问题，如图

解决方法：

Step1：在app.vue中加入css样式

<style>
/* 解决表格错位 */
.el-table--border th.gutter:last-of-type {
    display: block!important;
    width: 17px!important;
}
</style>

解决后：