vue element ui 使用el-table 组件的时候,列使用fixed之后表格会出现错乱的情况

是使用fixed 属性之后,fixed 列和其他列出现错位的情况,流体高度和左右列固定同时使用的时候滑动到最底部翻页才出现这种问题,Google 和 Firefox正常,win10自带的浏览器和360浏览器会出现错位的情况,应该是scrollTop在fixed列没生效,找了很多方法doLayout也不起作用,然后就自己写了

 

this.$nextTick( ()=> {
    this.$refs.tableRef.bodyWrapper.scrollTop = 5 
})//在请求数据的时候使用,相当于手动滑动了一下表格

在这之前也使用了给column设置:key="Math.random()",虽然有效果,但是出了很多问题,比如我页面使用el-table里面的多选框功能时,会报无线循环的错误,导致网页一直卡着,还有表格有渲染图片的时候,点击页面会出现渲染好的图片闪一下,也没办法复制表格里面的文字,有试过使用doLayout重新渲染页面,但是貌似也不起作用,这是暂时唯一能解决我现实项目中的一个办法了,所以记录一下,也希望有大神能指点一二

 

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值