el-table设置横向滚动条位置

要设置 `el-table` 的横向滚动条位置，你可以使用 `ref` 属性来获取 `el-table` 组件的实例，然后在 `mounted` 钩子函数中使用 `$nextTick` 方法等待表格渲染完成，再通过修改 `scrollLeft` 属性来调整横向滚动条的位置。下面是一个示例代码：

<template>
  <el-table
    ref="table"
    :data="tableData"
    style="width: 100%; white-space: nowrap;"
    :row-class-name="tableRowClassName"
  >
    <!-- 表格列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
    };
  },
  mounted() {
    this.$nextTick(() => {
      const tableEl = this.$refs.table.$el.querySelector('.el-table__body-wrapper');
      tableEl.scrollLeft = 200; // 设置横向滚动条位置
    });
  },
  methods: {
    tableRowClassName({ row, rowIndex }) {
      // 自定义表格行样式
    },
  },
};
</script>

在这个示例代码中，我们通过 `ref` 属性获取了 `el-table` 组件的实例，并在 `mounted` 钩子函数中使用 `$nextTick` 方法等待表格渲染完成。然后，我们通过 `querySelector` 方法获取了表格的主体元素，即 `el-table__body-wrapper`，并修改了它的 `scrollLeft` 属性来调整横向滚动条的位置。注意，为了让表格可以横向滚动，我们还需要将表格容器的 `width` 样式设置为 `100%`，并将表格列的 `white-space` 样式设置为 `nowrap`。