解决element-ui的table表格的表头与内容列对齐问题

直接上代码，就是在style上加一个样式，如果多个页面涉及的表格过多，可定义一个全局样式

<style>
  /* 解决element-ui的table表格控件表头与内容列不对齐问题 */
  .el-table th.gutter{
    display: table-cell!important;
  }
</style>

这样就大功告成啦！！！！！！对齐啦！！！

如果还是不起作用，就把这样式添加到index.html中、或者app.vue中（必须是入口文件，才能全局起作用！）

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