Solve the misalignment of el-table header

Example image: Header error

Cause of dislocation

Usually caused by the scaling of the computer display

Solutions (two types)

In app.vue or index.html, which is the root structure anyway, modify the global style style

1. Add style code

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

2. Add style code

.el-table--border th.gutter:last-of-type {
    display: block!important;
}

result: