解决elementUI table表格错位问题
原因:因为存在滚动条时,固定列的底下没有留出高度,导致滚动条不显示。加上一个padding-bottom即可。在使用elementui的表格时,当存在固定列、横向和竖向滚动条时,滚动到最后一条会出现表格错位的问题。全局加上以下样式即可。
·
在使用elementui的表格时,当存在固定列、横向和竖向滚动条时,滚动到最后一条会出现表格错位的问题。
原因:因为存在滚动条时,固定列的底下没有留出高度,导致滚动条不显示。加上一个padding-bottom即可。
解决方案:
全局加上以下样式即可。
.el-table__body-wrapper {
&::-webkit-scrollbar { // 滚动条高 解决行未对齐
height: 5px;
}
}
.el-table__fixed-body-wrapper .el-table__body {
padding-bottom: 5px; // 滚动条高度
}
更多推荐
所有评论(0)