解决element ui中table组件el-table中添加border后表格错位的问题

问题如下：

可以看到，越往右表格错位还越严重了

 解决办法如下：

1. 在index.html的head中添加如下style样式

2. 在App.vue中添加如下style样式

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

  </style>

亲测，以上两个方法都有效，且二者结果相同如下：

至此，问题得以解决。