el-table与el-scrollbar结合

当在el-table中使用el-scrollbar时，需要先将el-table包裹在一个容器内，并将容器设置为固定高度或最大高度，然后再将el-scrollbar放置在容器的外部。

代码示例：

<template>
  <div class="table-container" style="height: 400px;">
    <el-scrollbar>
      <el-table :data="tableData" :height="tableHeight">
        <el-table-column prop="name" label="姓名"></el-table-column>
        <el-table-column prop="age" label="年龄"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
      </el-table>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{ name: '张三', age: 18, address: '北京市' }, { name: '李四', age: 25, address: '上海市' }],
      tableHeight: '100%',
    };
  },
};
</script>

在这个示例中，我们将el-table包裹在一个高度为400px的容器中，并将el-scrollbar放置在容器的外部。在el-table中，我们可以通过设置height属性来控制表格的高度。在这里，我们将height设置为'100%'，以适应容器的高度。最终的结果是，当表格的数据超出容器的高度时，el-scrollbar会出现，使用户可以滚动表格以查看更多的数据。