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

2019-10-21  本文已影响0人  羊羊羊0703

现象

错行图片

说明

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写吧

上一篇下一篇

猜你喜欢

热点阅读