现象
如图,el-table最后一列设置了fixed=“right”,在有滚动条的时候显示正常,没有滚动条的时候,最后一行就会被遮挡掉一半
解决
F12审查元素发现.el-table__fixed-right的高度不够,所以
.el-table__fixed-right {
height: 100% !important;
}
改之后新的问题来了,当鼠标在fixed列最下方点滚动条,是没有效果的。
查看发现.el-table__fixed-right的高度由于是100%,所以挡住了滚动条。
那就再去掉一个滚动条的高度好了:
.el-table__fixed-right {
height: calc(100% - 8px) !important;
}
再回到没有滚动条的情况的时候,就会发现还会有一部分遮挡
再把这个横线去掉就好了
.el-table__fixed-right {
height: calc(100% - 8px) !important;
&:before {
height: 0;
}
}