在使用elementUI的table元件時，很贊賞元件的豐富性，充分考慮到了使用者的各種稀奇古怪的需求，但是也會遇到一些不盡人意的小bug
今天我就遇到了在動态渲染column的時候，由于column過多，出現了滾動條，此時滾動越往後header與body就會出現不同程度的錯位，而且隻有在分辨率>125%的時候出現,調為100%的話就沒事了，其他比例的分辨率也會不同幾率的出現這個問題
首先看文檔有沒有解決方案
看描述的話應該能解決這個問題吧，雖然不是由隐藏切換的，但是動态添加應該也算吧，試一下...沒用
好吧，那第二步：github的issue
1.7k這麼多。。。通過關鍵字搜尋，找了半天發現一個和我問題一摸一樣的了：https://github.com/ElemeFE/element/issues/16843
首先看到了管理者的回複
當時心裡就...
看其他的回複：看到一個好心人幫我們找到了原因
就不用我們一個一個屬性去比對了
那我們就站在巨人的肩膀上繼續前進吧
最後經過不斷的調試：
在app.vue的公共屬性public.css中加上了
.el-table th.gutter {
display :table-cell !important
}
然後就解決了這個問題，雖然很暴力，但是...能解決問題總是好的 害