vue el-table scrollTo

在 Vue 的 el-table 组件中，你可以使用 scrollTo 方法来实现滚动到指定位置的功能。scrollTo 方法接受一个包含参数的对象，可以通过设置 targetRow 或者 targetColumn 来指定需要滚动到的行或列。

下面是一个示例代码：

<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
      ref="table"
    >
      <!-- 表格列定义 -->
    </el-table>
    <el-button @click="scrollToRow">滚动到指定行</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 表格数据
      ],
    };
  },
  methods: {
    scrollToRow() {
      // 滚动到第五行
      this.$refs.table.scrollTo({ targetRow: 4 });
    },
  },
};
</script>

在上面的示例中，我们创建了一个 el-table 组件，并在按钮的点击事件中调用了 scrollToRow 方法。该方法使用 this.$refs.table.scrollTo 方法来滚动到第五行。注意，targetRow 的索引是从 0 开始的。