vue element-UI Table中调到指定位置

项目要求点击点击数字 跳到表格指定位置。搜半天结合一下。代码奉上

首先给Table添加class
在这里插入图片描述

<el-table :data="Themain" id="table_el_ba"  ref="tableList" :row-style="selectedHighlight"  style="width: 100%"></el-table>
methods:{
 tableRowClassName ({row, rowIndex}) {
            //把每一行的索引放进row
            row.index = rowIndex;
            if (row.status !== 0) {
                return 'not-finish'+ rowIndex ;
                //根据下标添加class
            }
             return “”
        },
}
添加之后 
在点击的地方
利用JQ来进行跳转

$("#table_el_ba").scrollTop(0)
this.$refs.tableList.bodyWrapper.scrollTop = $('.' + 'not-finish'+index).offset().top - $("#table_el_ba").offset().top;

削微还有一奈奈误差 还在探索中!有更好的放法,麻烦跟我说一下,一起进步。谢谢!!

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值