1.解决固定列遮挡横向滚动条
::v-deep .el-table {
&__fixed {
pointer-events: none;
td {
pointer-events: none;
}
}
}
如果表格的内容有hover效果需要展示可以:
::v-deep .el-table {
&__fixed {
pointer-events: none;
.el-table__fixed-body-wrapper {
pointer-events: auto;
}
}
}
2.解决固定列上下滚动时内容错位
this.$nextTick(() => {
this.$refs.tableRef[0].doLayout(); // tableRef[0]为目标table
setTimeout(() => {
let dom = this.$refs['tableRef'][0].bodyWrapper;
dom.addEventListener('scroll', () => {
let scrollTop = dom.scrollTop; //滚动高度
this.$refs['tableRef'][0].$refs.fixedBodyWrapper.scrollTop = scrollTop;
});
});
});