这段代码主要针对El-Table组件在固定列时出现的显示问题提供解决方案。通过设置/deep/选择器来修改背景色，避免固定列与内容区域的错位，并通过调整固定BodyWrapper的padding-bottom解决高度错位，确保与滚动条高度匹配。另外，对于最外层CSS，显示gutter为table-cell以保持列间距。
1当前页面添加样式
// 固定列相关样式
/deep/ .el-table__fixed-right-patch {
background-color: transparent;
}
/deep/ .el-table__fixed-right::before,
/deep/ .el-table__fixed::before {
background-color: transparent;
}
// 解决固定列高度错位问题 8px与滚动条高度相等
/deep/.el-table__fixed-body-wrapper .el-table__body {
padding-bottom: 8px!important;
}2. 最外面的css 写
.el-table th.gutter {
display: table-cell !important;
}以上代码可以解决以下左侧固定了某几列后和右侧错位问题
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
