el-table 设置动态高度

el-table 是 Element UI 提供的表格组件，可以通过设置动态高度来适应内容的变化。

要设置 el-table 的动态高度，可以使用以下几种方法：

1. 使用 CSS 设置：
可以通过设置 el-table 的外层容器的高度来实现动态高度。你可以在外层容器的样式中设置 `height: auto` 或者 `max-height: 100%`，这样 el-table 的高度将会根据内容的大小自动调整。

例如：

<div style="height: auto">
  <el-table :data="tableData">
    <!-- 表格列定义 -->
  </el-table>
</div>

2. 使用计算属性：
你也可以使用计算属性来动态计算 el-table 的高度。通过监听数据变化，实时计算表格内容的高度，并将计算结果绑定到 el-table 的 height 属性上。

例如：

<template>
  <el-table :data="tableData" :height="tableHeight">
    <!-- 表格列定义 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
    };
  },
  computed: {
    tableHeight() {
      // 根据表格内容的高度计算表格的高度
      // 这里可以根据实际需求进行计算
      return `${this.tableData.length * 50}px`;
    },
  },
};
</script>

以上是两种常见的设置 el-table 动态高度的方法，你可以根据实际需求选择适合的方式来实现动态高度的效果。