网站 系统设置,东莞网站建,网页设计期末作品要求,百度文库官网首页问题#xff1a; el-table-column 添加fixed属性 滚动条无法滑动 使用element UI组件#xff0c;用到el-table的el-table-column的fixed属性时#xff0c;当滚动条长度小于固定列时#xff0c;滚动条无法通过鼠标去点击滑动操作 原因 fixed是用来固定列的属性#xff0c;其…问题 el-table-column 添加fixed属性 滚动条无法滑动 使用element UI组件用到el-table的el-table-column的fixed属性时当滚动条长度小于固定列时滚动条无法通过鼠标去点击滑动操作 原因 fixed是用来固定列的属性其的展现层级会高于滚动条的层级因此会导致该问题但使用z-index层级是无法起到效果的 解决方案
style
/* 设置默认高度-滚动条高度 */
.el-table__fixed {height: calc(100% - 15px) !important;
}
/* 用于消除固定列下方的伪元素边框线 */
.el-table__fixed:before {height: 0px;
}
/style解决过程 查找了很多资料有的方法是可行的有的不可行可行的有的样式太多了该方法用极短的样式就可以解决笔者亲测有效
