elementUI的table表格表頭錯位問題解決辦法

問題現象：

elementUI table組件在Windows系統，Google瀏覽器出現表頭的邊框和內容的邊框錯位問題

解決辦法：

---

方法一：添加css樣式覆蓋

把這樣式添加到index.html中、或者app.vue中（必須是入口文件，才能全局起做用！）

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

注：在個人項目中有一個項目用這個方法能解決，另一個項目不能解決。。。採用的方法二

---

方法二：一樣添加css樣式覆蓋

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

方法三：網上搜的沒有嘗試過

在el-table組件掛載一個ref="configurationTable"，而後在每次請求數據成功後動一動表格的默認寬度

this.$refs.configurationTable.$el.style.width = '99.99%'