el-tabel中实现定位到某一行
2019-01-23 本文已影响0人
小人物的秘密花园
功能描述
在实现本地查询功能时,要求根据查询的关键字实现定位到具体的数据行;
实现方法
通过设置this.$refs.table.bodyWrapper.scrollTop
的scrollTop
来实现;
示例代码
searchMember() {
// 获取行高
let height = parseInt($(this.$refs.members.$el).find('.el-table__body tbody td:first-child').height()) || 32;
// 遍历表格数据,获取查询的数据
if (this.formatData && this.formatData.length > 0) {
for (let i = 0; i < this.formatData.length; i++) {
const item = this.formatData[i];
// 判断查询的数据是否存在,存在则进行定位操作
if (item.name == this.searchpeo) {
this.$refs.members.bodyWrapper.scrollTop = (height * (i -1));
this.$refs.members.setCurrentRow(item);
break;
}
}
}
}