给表格设置了固定高度(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;
}
网友评论