给element表格设置高 el-table标签上设置了65vh的高度，但是表格高度还是不一样

你可以尝试在 el-table 标签上设置一个固定的高度，而不是使用相对视窗高度（vh）来设置高度。你可以使用像素（px）或者其他单位来指定一个具体的高度值，例如：

<el-table :data="tableData" height="300px">
  <!-- 表格的内容 -->
</el-table>

这样设置一个固定的高度值可能会更有效地控制表格的高度。另外，还可以考虑检查一下父容器是否设置了一些限制，可能会影响表格的高度显示。

相关问题

el-table如何设置高度自适应

el-table是Element UI中的一个表格组件，可以通过设置高度自适应来适应不同的数据量和页面布局。以下是设置el-table高度自适应的几种方式：

1. 使用CSS样式：可以通过设置el-table的外层容器的高度为100%来实现高度自适应，例如：

<div style="height: 100%;">
  <el-table :data="tableData" style="height: 100%;"></el-table>
</div>

2. 使用flex布局：将el-table所在的容器设置为flex布局，并将其高度设置为100%，例如：

<div style="display: flex; flex-direction: column; height: 100%;">
  <el-table :data="tableData"></el-table>
</div>

3. 动态计算高度：可以通过监听窗口大小变化或者表格数据变化，动态计算el-table的高度，例如：

<template>
  <div ref="tableContainer" style="height: calc(100vh - 200px);">
    <el-table :data="tableData" :height="tableHeight"></el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      tableHeight: 0
    };
  },
  mounted() {
    this.calculateTableHeight();
    window.addEventListener('resize', this.calculateTableHeight);
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.calculateTableHeight);
  },
  methods: {
    calculateTableHeight() {
      const containerHeight = this.$refs.tableContainer.clientHeight;
      this.tableHeight = containerHeight;
    }
  }
};
</script>

以上是几种常见的设置el-table高度自适应的方式，你可以根据实际需求选择适合的方法。

el-table设置 height:"calc(100vh - 150px);"

`el-table` 是 Element UI 中的一个表格组件，用于展示数据列表。当你想要将表格的高度动态设置为屏幕高度减去固定值（例如，顶部导航栏的高），你可以使用 CSS 的 `calc()` 函数来计算。通过设置 `height` 属性为 `"calc(100vh - 150px)"`，它会计算当前视口高度（viewport height，即 `100vh`）然后减去 `150px`。这样做的好处是可以让你的表格自动调整大小，并适应页面的不同滚动区域。

这里是一个简单的例子：

<template>
  <div class="table-container">
    <el-table :height="tableHeight" :data="yourData"></el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableHeight: "calc(100vh - 150px)",
      yourData: ... // 表格数据
    };
  }
};
</script>

<style scoped>
.table-container {
  position: relative;
}
</style>

在这个示例中，`.table-container` 应该有一个相对定位（或者其他方式保证其能包含 `el-table` 元素），以便正确计算剩余空间的高度。