el-table竖向表格
时间: 2023-11-07 19:06:16 浏览: 116
el-table是Element UI中的一个组件,用于显示表格数据。在默认情况下,el-table的表头是纵向显示的,即每个表头对应一列数据。如果需要实现el-table的竖向表格,可以使用el-table-column组件来实现。
在el-table-column组件中,通过设置width属性来定义每个列的宽度,prop属性来绑定数据源中对应的字段。例如,可以使用以下代码实现el-table的竖向表格:
```html
<el-table :data="tableData" style="width: 100%">
<el-table-column width="180" prop="name"></el-table-column>
<el-table-column prop="amount1"></el-table-column>
</el-table>
```
以上代码中,tableData为数据源,name和amount1为数据源中的字段名。
阅读全文
相关推荐










