arr:[name:‘张三’,address:[{age:10,gendra:'男'},{age:10,gendra:'男'}]],el-table两行展示表头只有一行不能合并展示
时间: 2024-02-07 11:04:15 浏览: 146
NumPy基础:多维数组
5星 · 资源好评率100%
如果您想要实现表头只有一行,但是能够展示 `address` 数组的数据,可以使用 `rowspan` 属性来合并表头单元格,代码示例如下:
```vue
<template>
<el-table :data="arr" style="width: 100%">
<el-table-column prop="name" label="姓名" rowspan="2"></el-table-column>
<el-table-column prop="address" label="地址" :rowspan="2"></el-table-column>
<el-table-column prop="age" label="年龄" width="100px"></el-table-column>
<el-table-column prop="gender" label="性别" width="100px"></el-table-column>
</el-table>
</template>
```
在表头的第一行中,使用 `rowspan="2"` 属性将 `name` 和 `address` 列合并成一格,这样在第二行展示 `age` 和 `gender` 列的数据时,表头只有一行,但是仍然能够展示 `address` 数组的数据。
需要注意的是,这种方式需要将 `address` 数组中的数据拆分成多行展示,而不能像子表格一样在同一行展示。
阅读全文