element-ui中table组件固定高度
时间: 2023-07-01 20:05:19 浏览: 100
layui 设置table 行的高度方法
要在element-ui的table组件中固定高度,可以使用`height`属性来设置表格的高度。例如:
```html
<el-table :data="tableData" height="300">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
<el-table-column prop="address" label="Address"></el-table-column>
</el-table>
```
在上面的示例中,将表格的高度设置为了300px。这将使表格的内容在超出高度时出现滚动条。
如果你想要固定表头和表尾,并且只滚动表格内容,可以添加`max-height`属性,并设置`height`为`100%`。例如:
```html
<el-table :data="tableData" height="100%" max-height="300">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
<el-table-column prop="address" label="Address"></el-table-column>
</el-table>
```
在上面的示例中,表格的最大高度为300px,并且表头和表尾将固定在表格的顶部和底部。如果表格内容超出了高度,将会出现滚动条。
阅读全文