elementui表格固定表头 内容滚动 表格最大高度453
时间: 2023-09-02 13:14:00 浏览: 97
表头固定 内容滚动
要实现 ElementUI 表格固定表头,可以设置 `height` 属性和 `max-height` 属性,并将 `max-height` 设置为 `453px`。同时,需要将表格的 `overflow-y` 属性设置为 `auto`,使得内容可以滚动。
以下是一个示例代码:
```html
<template>
<div>
<el-table
:data="tableData"
height="400"
max-height="453px"
:style="{overflowY: 'auto'}">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</div>
</template>
```
在这个示例中,表格的高度为 `400px`,而 `max-height` 属性被设置为 `453px`,以确保当表格数据超过 `400px` 时,表格可以滚动。同时,`overflow-y` 属性被设置为 `auto`,以确保表格内容可以垂直滚动。
阅读全文