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

首先给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;

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

Logo

前往低代码交流专区

更多推荐