当表格有固定列会出现横向滚动条无法拖动问题,尤其是固定列固定在左边且表格没数据的时候。这可能是因为固定区域盖住了横向滚动条,不是视觉上的覆盖,是去拖动时没有触发效果。
解决方法如下:
1.修改层级
使用z-index,只要让它层级在上面就可以
::v-deep .el-table__body-wrapper{
z-index: 6
}
可滚动:
2.将固定区域底部留出一个滚动条高度的距离
.el-table .el-table__fixed {
height:auto !important;
bottom: 10px !important;
}
如果不起效果加上深度监听器吧
::v-deep.el-table .el-table__fixed {
height:auto !important;
bottom: 16px !important;
}
可滚动:注意这种方法会使固定列与表格底线不齐,可自行调节固定列到底部的距离
若文章对你有帮助,点个赞吧!
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » ElementUI<el-table></el-table>表格中固定列横向滚动条无法拖动解决
发表评论 取消回复