美文网首页
vue中使用element table,fixed错行问题,已

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

作者: 羊羊羊0703 | 来源:发表于2019-10-21 17:40 被阅读0次

    现象

    错行图片

    说明

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

    相关文章

      网友评论

          本文标题:vue中使用element table,fixed错行问题,已

          本文链接:https://www.haomeiwen.com/subject/bpztvctx.html