element ui如何设置表格的高度

在 Element UI 中，你可以使用 `height` 属性来设置表格的高度。

例如，你可以将表格的高度设置为 `400px`，代码如下：

<template>
  <el-table :data="tableData" height="400">
    <!-- 表格列内容 -->
  </el-table>
</template>

你也可以将高度设置为一个百分比，例如：

<template>
  <el-table :data="tableData" height="80%">
    <!-- 表格列内容 -->
  </el-table>
</template>

除了在模板中直接设置，你也可以在 JavaScript 代码中动态设置高度，例如：

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

<script>
export default {
  data() {
    return {
      tableHeight: 0, // 初始高度为0
      // ...
    }
  },
  mounted() {
    this.tableHeight = document.documentElement.clientHeight - 200 // 动态计算高度
  }
}
</script>

在上面的例子中，我们在 `mounted` 钩子函数中动态计算表格高度，并将值赋给 `tableHeight`。这样，在模板中使用 `:height="tableHeight"` 就可以动态设置表格高度了。