el-table动态控制高度
时间: 2023-11-11 08:59:58 浏览: 139
监听element-ui table滚动事件的方法
可以通过设置 el-table 的 maxHeight 属性来动态控制表格的高度,例如:
```
<el-table :data="tableData" :max-height="maxHeight"></el-table>
```
在 Vue 组件中,可以通过计算属性来动态计算 maxHeight 的值,例如:
```
computed: {
maxHeight() {
// 计算表格最大高度
return this.tableData.length * 50 + 40;
}
}
```
这里假设每行数据的高度为 50px,表头高度为 40px。
阅读全文