ruoyi el-table调整

2024-01-09 10:31:54

如何给表格自适应高度

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

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

如何给默认的表格加边框

文章来源:https://blog.csdn.net/axe6404/article/details/135472386
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。