element-plus el-table 竖向表头
时间: 2023-08-16 17:03:58 浏览: 276
element-plus打包
element-plus 是一套基于 Vue.js 的组件库,而 el-table 是其中的一个表格组件。要实现竖向表头,你可以使用 el-table 的 column 组件,并设置它的 fixed 属性为 'left' 或 'right',这样就可以将表头固定在左侧或右侧。
下面是一个示例代码,演示如何实现竖向表头:
```html
<el-table :data="tableData" style="width: 100%">
<el-table-column fixed="left" label="姓名" prop="name"></el-table-column>
<el-table-column fixed="right" label="年龄" prop="age"></el-table-column>
<el-table-column label="性别">
<template slot-scope="{row}">
{{ row.gender }}
</template>
</el-table-column>
<!-- 其他列 -->
</el-table>
```
在这个示例中,姓名和年龄列被设置为固定在左侧和右侧,而性别列则没有设置 fixed 属性,所以会在水平方向上滚动。
注意,为了让 el-table 可以正确地显示竖向表头,确保你的页面布局有足够的高度来容纳整个表格。
阅读全文