ElementUI使用笔记

el-tabel中实现定位到某一行

2019-01-23  本文已影响0人  小人物的秘密花园

功能描述

在实现本地查询功能时,要求根据查询的关键字实现定位到具体的数据行;

实现方法

通过设置this.$refs.table.bodyWrapper.scrollTopscrollTop来实现;

示例代码

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;
         }
     }
  }
}
上一篇下一篇

猜你喜欢

热点阅读