ruoyi el-table调整

如何给表格自适应高度

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