解决el-table设置了固定列导致的滚动条⽆法拖动问题
el-table中的el-table-column提供了⼀个fixed属性设置固定列,但是设置了之后发现表格的滚动条⽆法拖动了,通过F12定位到页⾯元素发现是滚动条被固定列⽣成的元素给覆盖了,于是想办法通过修改样式的⽅式解决问题。
<style lang="scss" scoped>
.el-table {
.el-table__fixed { // 左固定列
height: auto !important;
bottom: 18px; // 改为⾃动⾼度后,设置与⽗容器的底部距离,⾼度会动态改变,值可以设置⽐滚动条的⾼度稍微⼤⼀些
}
.el-table__fixed-right { // 右固定列
height: auto !important;
bottom: 18px; // 改为⾃动⾼度后,设置与⽗容器的底部距离,⾼度会动态改变,值可以设置⽐滚动条的⾼度稍微⼤⼀些
}
}
</style>
jquery滚动条滚动到底部当然也可以把这段样式放到全局的样式表中,作为全局的样式,这样就不需要每个页⾯都写这段样式了(推荐)。
这个问题不知道是官⽅的bug还是重写样式引起的冲突问题,也不追究了,能解决问题就好了。
"偶尔志得意满,偶尔消沉低落。"
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论