element ui table固定表头
时间: 2023-04-21 20:03:16 浏览: 1832
table固定表头和列头
Element UI 的表格组件可以通过设置 `fixed` 属性来固定表头。具体来说,需要设置 `height` 属性为表格的高度,并将 `max-height` 属性设置为一个固定的值,这样当表格内容超出固定的高度时,会出现滚动条,但表头会保持固定不动。示例代码如下:
```html
<el-table :data="tableData" style="width: 100%; height: 400px;" :max-height="400">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<!-- 其他表格列 -->
</el-table>
```
在上述代码中,`height` 属性设置为 400px,`max-height` 属性也设置为 400,表示表格的高度为 400px,并且当内容超过 400px 时,会出现滚动条。同时,表格的表头会一直保持固定,不会随着表格内容的滚动而移动。
阅读全文