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:{tableRowClass
·
项目要求点击点击数字 跳到表格指定位置。搜半天结合一下。代码奉上
首先给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;
削微还有一奈奈误差 还在探索中!有更好的放法,麻烦跟我说一下,一起进步。谢谢!!
更多推荐
已为社区贡献1条内容
所有评论(0)