vue中使用element table,fixed错行问题,已解决

现象

错行图片

说明

1、哇,这个问题 百度一圈都没解决,还是偶发事件,经过多次收集错行出现的时间、地点、人物,经过对比,发现,就是element 会去动态计算 fixed的高度 也就是这个动态计算当页面进入缓存状态的时候(没有实际渲染),table的宽度td默认是100px,当label超过5个字,就会出现换行,然后fixed的定位的top就变成了两行的位置,然后table渲染的时候 会自动适应宽度变成一行,就会出现错行的问题拉。


错行原因

解决办法:td设置默认宽度,使一开始就不会出现两行的情况

2、测试大大又发现一个新的问题,就是element 表头的border可以拖动 造成错行问题,当然element 官方例子完美错过的这种bug的产生,这个bug出现的充分必要条件是有固定列fixed、border、固定高度。


QQ图片20191021174956.png

解决办法:不用table的 border 自己用css写吧

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。