Solve the problem of table misalignment after adding border to the table component el-table in element ui

Questions are as follows:

As you can see, the more to the right, the more serious the table misalignment

 The solution is as follows:

1. Add the following style style to the head of index.html

2.  Add the following style style in App.vue

 <style>
      
      body .el-table th.gutter{
        display: table-cell!important;
     }

  </style>

Pro test, the above two methods are effective, and the results of the two are the same as follows :

At this point, the problem was solved.