element表格设置固定高度之后会出现表头错位问题

给表格设置了固定高度(height属性)之后,页面多切换几次发现了一堆问题.
不知道是我哪里写错了还是怎样,总之,现在只能惨兮兮填坑.
如果有大神知道好的解决办法跪求告诉我一下啊,谢谢~

1.给表格设置了高度之后,出现表头错位:

image.png

解决方案:

.el-table--border th.gutter:last-of-type { 
    display: table-cell!important; 
    width: 17px!important; 
}
/* ps:我的表格设置了border属性所以用了.el-table--border */

效果:

image.png

2.表格固定列下面出现显示不全且多出一个边框:

image.png

解决方案:

/* 左右固定列的高度 */
.el-table__fixed,.el-table__fixed-right{
    height: 100% !important;
}

3.表格固定列和其他列上下错行:

image.png

解决方案:

.el-table--border .el-table__fixed-body-wrapper{
    top: 41px !important;
}