当表格有固定列会出现横向滚动条无法拖动问题,尤其是固定列固定在左边且表格没数据的时候。这可能是因为固定区域盖住了横向滚动条,不是视觉上的覆盖,是去拖动时没有触发效果。

解决方法如下:

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;
}

可滚动:注意这种方法会使固定列与表格底线不齐,可自行调节固定列到底部的距离

 若文章对你有帮助,点个赞吧!

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部