码迷,mamicode.com
首页 > 其他好文 > 详细

element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动

时间:2020-07-24 15:56:38      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:拖动   fixed   ant   属性   固定   距离   osi   element   定位   

问题:在使用element-ui的table组件时,给表格的某些列设置了fixed属性,让列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。
后来发现原因是设置了fixed属性的列(左侧的div)把滚动条覆盖了。

解决办法:

.el-table__fixed {
    height:auto !important; // 让固定列的高自适应,且设置!important覆盖ele-ui的默认样式
    bottom:17px; // 固定列默认设置了定位,    position: absolute;top: 0;left: 0;只需要再设置一下bottom的值,让固定列和父元素的底部出现距离即可
}

element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动

标签:拖动   fixed   ant   属性   固定   距离   osi   element   定位   

原文地址:https://www.cnblogs.com/moringyaozheng/p/13371131.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!