【el-table】横向滚动条加粗后,滚动到固定列下被遮挡,已解决

在这里插入图片描述
横向滚动条按要求加粗后,遇到的问题:列表的操作列是固定在最右侧的,当滚动条滑动到最右侧的时候,滚动条被遮挡了

我尝试了几种方法都不行,比如找到.el-table__fixed-right .el-table__fixed-footer-wrapper ,修改bottom的值,无效

解决方法:
首先,el-table设置了固定列之后,会有两套不同的列名
在这里插入图片描述

如截图所示,普通列body的高度是362px(含横向滚动条12px的高度)
在这里插入图片描述
在这里插入图片描述
而固定列body的高度是354px
在这里插入图片描述
看红色圈起来的部分,固定列的body高度其实超了,所以挡住了滚动条
在这里插入图片描述
固定列body的高度等于普通列body的高度 - 横向滚动条的高度
按示例的普通列高度362px - 横向滚动条的高度12px = 350px
所以固定列的body高度改为350px

/deep/ .el-table__fixed-body-wrapper{
  height: 350px !important;//el-table__body-wrapper高362  - 横向滚动条12 = 350
}

现在就不遮挡了
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值