Element UI el-table 设置表格高度：固定像素和百分比

可以使用 'height' 属性来设置 'el-table' 的高度。可以设置一个固定的像素值，也可以设置一个百分比值。

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

以上代码设置表格高度为 300 像素。如果表格内容超出高度，会出现滚动条。

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

data() {
  return {
    tableData: [...], // 表格数据
    tableHeight: '300px' // 表格高度
  }
}

以上代码将表格高度设置为变量 'tableHeight'，并将其设置为 '300px'。这样可以方便在其他地方修改表格高度。

data() {
  return {
    tableData: [...], // 表格数据
    tableHeight: '50%' // 表格高度占父元素的50%
  }
}

以上代码设置表格高度占父元素的 50%。表格会根据父元素的高度自动调整大小。

需要注意的是，如果设置了固定的像素值，表格内容超出高度时会出现滚动条。而如果设置了百分比值，表格会根据父元素的高度自动调整大小。