解决方案
我是最右侧固定列,所以下面的class名称是.el-table__fixed-right
, 如果有左侧固定请自行替换为el-table__fixed
防止固定列表格高度错位
.el-table__fixed-body-wrapper {
.el-table__body {
padding-bottom: 15px; // 这个得自己调试看多少合适
}
}
}
如果还没有解决错位, 请看你的
el-table__body-wrapper
是不是自己写了max-height
的样式属性, 这会影响固定列定位的
解决固定列错位后, 接下来就是吧固定列往上提滚动条的高度就不会影响了文章来源:https://www.toymoban.com/news/detail-786550.html
.el-table__fixed-right {
height: auto !important;
bottom: 8px !important;// 这个得自己调试看多少合适
}
//去掉固定列下方的横线, 样式优化
.el-table__fixed::before, .el-table__fixed-right::before {
display: none;
}
解决效果如图:
留出了高度并且高度一致没有错位
问题完美解决!!!
文章来源地址https://www.toymoban.com/news/detail-786550.html
到了这里,关于vue2+elementui的el-table固定列会遮住横向滚动条以及错位的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!