方式1:CSS 样式修复(最直接有效)-亲测有效
css
/* 解决固定列与主体表格线条错位问题 */
.el-table__fixed,
.el-table__fixed-left,
.el-table__fixed-right {
/* 核心:固定列高度减去滚动条高度(一般为 10px-17px) */
height: calc(100% - 12px) !important;
}
.el-table__fixed-body-wrapper {
height: 100% !important;
}
.el-table__fixed-body-wrapper .el-table__body {
/* 为固定列内容区域添加底部内边距,模拟滚动条占位 */
padding-bottom: 10px !important;
}
方式2:调用 doLayout 方法(动态修复)-亲测无效,可以试试
javascript
// 假设你的 el-table 有 ref="tableRef"
this.$nextTick(() => {
if (this.$refs.tableRef) {
this.$refs.tableRef.doLayout()
}
})