解决element-ui table设置列fixed时X轴滚动条无法拖动问题
作者：长安_APTX
这篇文章主要介绍了解决element-ui table设置列fixed时X轴滚动条无法拖动问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
问题原因
table的列设置fixed后，element框架在渲染时会再生成一个table，宽度为所有固定列之和，这个固定列的table将原有table的滚动条遮盖了。
解决方法
方法一
改变固定列table的高度
// 做法一： 直接设置固定列table的高度：表格高度 - 滚动条高度
/deep/ .el-table__fixed {
height:calc(100% - 6px) !important;
}
// 做法二：设置固定列table的高度自适应，并设置bottom
/deep/ .el-table__fixed {
height:auto !important; // 为保证样式不错乱，让固定列的高自适应
bottom:6px !important; // 不遮盖滚动条，留出滚动条的高度（6px为预估高度，不设置高度只设置bottom无效，原样式中的top属性权重更高，可设置top为auto,再设置bottom，但这样表格上部分会被hidden，影响整体样式）
}
方法二
改变层级（推荐）
/deep/ .el-table--scrollable-x .el-table__body-wrapper {
z-index: 1;// 框架已设置该元素定位为relative
}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。