el-table 有x轴滚动条,如何默认固定滚动在右侧

定义一个滚动方法

滚动方法最好设置一个定时器

    scrollRight() {
      //先获取到 该表格的宽度
      var widthKK =this.$refs.dataTable.bodyWidth
      //解决 scrollLeft  值赋不上值的问题
      setTimeout(()=>{
this.$refs.dataTable.bodyWrapper.scrollLeft=Number(widthKK.replace('px',''))
      },1000)//必须是1000以上 才能生效
    },

执行时机

  • updated的钩子函数中执行,bom变化之后就会触发这写动作
  • 最好在$nextTick的回调函数中执行
  updated() {
    this.$nextTick(() =>{
      // 重新渲染表格 防止表格变形
      this.$refs.dataTable.doLayout();
      // 最后一次渲染表格后,自动滚动到最右边
      this.scrollRight()
    })
    this.handleCurrentChange()
  },
  • 上述方法还比较特殊,因为在方法体中执行了一个doLayout方法,重新渲染
  • doLayout 执行完毕之后,再执行scrollRight

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值