ruoyi el-table调整

如何给表格自适应高度

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


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参数,可选值leftright



如何给默认的表格加边框

你可能感兴趣的:(vue相关开发,若依框架使用,vue.js,elementui,javascript)