el-table使用动态高度导致的下陷问题

【菜鸡开发的bug汇总】height属性尝试使用百分比来实现适应,遇到了下陷问题

在这里插入图片描述

虽然遇到了这个问题,但是当我的表格尺寸发生变化时(侧边栏收起/展开—>表格尺寸改变;浏览器窗口缩放—>表格尺寸改变),bug又消失了,正常显示。

解决方案

1.序号下落,通过f12元素,我发现是因为el-table__fixed-body-wrapper里面的top值和理想不一致,el-table__fixed-body-wrapper这个是column设置为fixed后有的,这边建议,如果你遇到了下陷问题,就,放弃fixed吧。放弃之后序号就不会下陷了,当然如果你的序号依旧下陷,那么你就在这里插入图片描述

2.然后你可能还会遇到表格高度并没有像你设置的100%那样撑满盒子,这样做
在这里插入图片描述
然后你就会发现,问题解决了。

总的来说

这个bug是怎么发生的我也不知道,用了这么久的组件,偏偏就只有这次出现了。
解决来解决去发现,css居然是最快速的解决方案。
虽然这样无法让序号列fixed在表格最左侧,我相信产品和ui一定可以理解我们的难处。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值