element-ui中table表头错位问题

今天在写vue table 时遇到了一个table表头错位问题

百度了一下基本上所有的答案都是

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

这样的！然并卵，对我的一点作用没有。

然后只能一步步去查层级样式，最后发现在 table 元素上 添加 overflow: hidden; 就可以完美解决这个问题了！如图

 

 

---------------------------------------------------------------   END   ------------------------------------------------------------------

珍惜眼前人，莫要失去才懂珍惜~~~