el-table表格能设置纵向展示吗
时间: 2023-08-07 16:04:41 浏览: 108
【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用
是的,Element UI中的el-table表格可以设置纵向展示。可以通过设置属性`height`或`max-height`,同时将`show-header`设置为`false`,实现纵向展示。另外,还可以设置`scroll-y`属性来实现纵向滚动展示。例如:
```html
<el-table :data="tableData" :height="400" :show-header="false" style="width: 100%">
<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>
```
这里设置了表格高度为400,同时将表头隐藏,实现了纵向展示。
阅读全文