开发喵星球

一、表格设置自定义高度

1、el-table增加max-height属性

<el-table :max-height="tableHeight">

2、data增加tableHeight变量

data() {
  return {
      // 表格高度
      tableHeight: 0,
      ....
  }
};

3、mounted获取计算高度

mounted() {
  this.nextTick(() => {
    // window.innerHeight 浏览器窗口的可见高度，下面的 220 是除了table最大高度的剩余空间。
    let height = window.innerHeight - this.refs.queryForm.$el.offsetHeight - 220;
    this.tableHeight = height;
  })
}

二、表格设置固定列

在el-table-column对应列添加fixed参数，可选值left、right。

<el-table-column label="编号" fixed="left">
<el-table-column label="操作" fixed="right">