【记录52】el-table-column 添加fixed属性 滚动条无法滑动

问题： 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>

解决过程

查找了很多资料，有的方法是可行的，有的不可行，可行的有的样式太多了，该方法用极短的样式就可以解决，笔者亲测有效