Elementui表格的一列为数组，如何通过合并单元格分成两行显示该列

Question

我在用elementui的时候，有一列数据是数组形式，不知道怎么给他分两行 显示
我需要在显示的时候，当adds=2时，其他行合并，address分两行显示，如图所示，如何把红色和蓝色这两个地址分两行显示，其他列合并两行

data部分代码如下：

 tableData3: [{
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 2,
          address: ['上海市普陀区金沙江路 1518 弄','上海市普陀区金沙江路 1519 弄'],
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-06',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          adds: 1,
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]

Answer 1

上述是官方提供的API，不过你这种需求，我认为使用slot自定义当前列格式是比较省事的。

<el-table-column label="地址" prop="address">
        <template slot-scope="{row}">
          <div v-if="Array.isArray(row.address)">
                            <p v-for="(adr, index) in row.address" :key="index">{{adr}}</p>
                    </div>
                    <span v-else>{{row.address}}</span>
        </template>
</el-table-column>