element table is positioned to a row

Vue element table is positioned to a row

    /**
     * @description: 通过表格索引 定位表格的位置
     * @param {refName} table的ref值
     * @param {index} table的索引值
     * @return: 
     * @author: hch
     */
    $tableScrollMove(refName,index=0){
    
    
      if(!refName || !this.$refs[refName]) return//不存在表格的ref vm 则返回
      let vmEl = this.$refs[refName].$el
      if(!vmEl) return
      //计算滚动条的位置
      const targetTop = vmEl.querySelectorAll('.el-table__body tr')[index].getBoundingClientRect().top
      const containerTop = vmEl.querySelector('.el-table__body').getBoundingClientRect().top
      const scrollParent = vmEl.querySelector('.el-table__body-wrapper')
      scrollParent.scrollTop = targetTop - containerTop
    },

Guess you like

Origin blog.csdn.net/qq_39367226/article/details/107451463