element UI中表格出现错乱偏移的解决方法

在使用element中出现表格错乱不齐的时候可以在index.html或者在app.vue中添加如下样式
效果如下：

image.png

添加后的样式：

image.png

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