el-table展开行增加了高度，外面表格并没有移动被覆盖是怎么回事

在 Vue 的 Element UI 中，`el-table` 是一个用于展示表格数据的组件，它支持行的展开功能。当某一行被展开时，会插入一个新的DOM元素来显示详细内容，这可能会增加表格的高度。然而，如果外部的表格区域没有随着行的展开而滚动，通常是因为以下几个原因：

1. **默认设置**：`el-table` 可能设置了 `show-header` 或 `scroll Y` 属性，默认情况下，只有表头可以滚动，展开的行内容不会影响整体滚动区域。

2. **样式冲突**：检查是否有其他 CSS 规则限制了表格的滚动，比如固定了某个容器的高度，或者设置了 overflow 不滚动。

3. **父子组件嵌套**：如果你在一个父组件中嵌套了多个 `el-table`，可能是外层组件的滚动策略阻止了内层表格自动滚动。

4. **手动处理**：你可能使用了 `v-if`、`v-show` 或者 JavaScript 来控制行的展开状态，这种情况下，需要确保在行展开时正确更新了表格的滚动位置。

解决办法是检查并调整相关的样式，或者是修改表格组件的配置，例如添加 `@expand-change` 事件监听器，在展开行时手动滚动到合适的位置：

<template>
  <el-table :ref="tableRef" @expand-change="onExpandChange"></el-table>
</template>

<script>
export default {
  methods: {
    onExpandChange(expandedRow) {
      this.$refs.tableRef.scrollToRow(expandedRow.index);
    }
  }
}
</script>