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;

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