el-table 设置固定高度

可以通过设置 el-table 的 height 属性来实现固定高度，例如：

<el-table :data="tableData" height="300px">
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

其中，height 属性设置为 300px，代表表格的高度为 300 像素。这样，在数据过多时，表格会自动出现纵向滚动条，保证表格高度不变，不会影响页面布局。

相关问题

el-table 分页固定table高度

你可以通过设置 `max-height` 属性来固定 `el-table` 的高度，然后在设置分页时，将每页显示的行数设置为固定值，从而实现分页固定表格高度的效果。

具体实现步骤如下：

1. 在 `el-table` 上设置 `max-height` 属性，例如：

<el-table :data="tableData" max-height="300px">
  <!-- 表格列定义 -->
</el-table>

2. 在分页器上设置 `page-size` 属性，例如：

<el-pagination
  :total="total"
  :page-size="10"
  @current-change="handleCurrentChange"
/>

其中，`:page-size` 属性表示每页显示的行数，可以根据实际情况进行调整。

3. 在 `handleCurrentChange` 方法中，根据当前页数和每页显示的行数，计算出表格的滚动高度，然后设置给 `el-table` 的 `scrollTop` 属性，例如：

methods: {
  handleCurrentChange(val) {
    const scrollTop = (val - 1) * 10 * 40; // 假设每行高度为 40px
    this.$nextTick(() => {
      this.$refs.table.$el.scrollTop = scrollTop;
    });
  }
}

其中，`$refs.table.$el` 表示 `el-table` 的 DOM 元素，通过设置其 `scrollTop` 属性来实现表格的滚动。

通过以上步骤，就可以实现 `el-table` 分页固定高度的效果了。

el-table-column 固定高度

你可以通过设置 `height` 属性来固定 `el-table-column` 的高度，例如：

<el-table-column prop="name" label="姓名" :height="50"></el-table-column>

这将会设置该列的高度为 50 像素。另外，你也可以通过 CSS 来设置该列的高度，例如：

.el-table-column--name {
  height: 50px;
}

这将会为 `el-table-column` 中 `prop` 为 `name` 的列设置高度为 50 像素。