[elementui]el-table在同时使⽤固定列和合计⾏时横向滚动条被
遮挡
el-table在同时使⽤固定列和合计⾏时横向滚动条被遮挡,固定列div遮挡横向的滚动条⽆法选中
只有固定列时可以采⽤设置顶部距离=滚动条⾼度来解决
<style lang="scss">
.el-table {
.el-table__fixed {
height:auto !important; // 此处的important表⽰优先于element.style
bottom:17px; // 改为⾃动⾼度后,设置与⽗容器的底部距离,则⾼度会动态改变
}
}
</style>
尝试解决⽅案⼆:
固定列和合计⾏都使⽤时会出现滚动条在合计⾏上,表数据下的情况,尝试过将滚动条放在最⼩⾯失败后,
html横向滚动条样式通过为类 el-table__body-wrapper 添加 z-index样式解决的,设置为2就好,试过其他值多多少少有些问题
上代码
.el-table {
.el-table__body-wrapper {
z-index: 2;
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论