iview table渲染问题

Question

想做成的样子

数据源：

 tableData:[
    {
        "creator": "SU9999",
        "lastModifiedTime": "2021-12-21 10:28:15",
        "refundTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]",
        "lastModifier": "SU9999",
        "pageSize": 0,
        "refundStatus": "0",
        "refundMoney": 527700,
        "pageCur": 0,
        "refundItemsList": [
            {
                "amount": 78700,
                "deliverdQuantity": 0,
                "quantity": 100,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112211028158536193",
                "productName": "袋装水泥",
                "skuName": "P.O32.5R",
                "productCode": "7020201",
                "price": 787,
                "id": "202112211028158541516",
                "skuCode": "702020100026",
                "refundAmount": 78700
            },
            {
                "amount": 449000,
                "deliverdQuantity": 0,
                "quantity": 500,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112211028158536193",
                "productName": "袋装水泥",
                "skuName": "P.P32.5R",
                "productCode": "7020201",
                "price": 898,
                "id": "202112211028158994237",
                "skuCode": "702020400032",
                "refundAmount": 449000
            }
        ],
        "pageNum": 0,
        "customerName": "2222",
        "arriveTime": "2021-12-21T10:28:15.836+08:00[Asia/Shanghai]",
        "createdTime": "2021-12-21 10:28:15",
        "orderCode": "O202111120059179363246",
        "id": "202112211028158536193",
        "customer": "53b221e2-0c7d-486d-845f-a95100f8f13b"
    },
    {
        "creator": "SU9999",
        "lastModifiedTime": "2021-12-21 10:25:51",
        "refundTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]",
        "lastModifier": "SU9999",
        "pageSize": 0,
        "refundStatus": "0",
        "refundMoney": 1392,
        "pageCur": 0,
        "refundItemsList": [
            {
                "amount": 631,
                "deliverdQuantity": 0,
                "quantity": 1,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112211025518503935",
                "productName": "袋装水泥42.5",
                "skuName": "P.Ⅱ42.5",
                "productCode": "7020205",
                "price": 631,
                "id": "202112211025518602878",
                "skuCode": "702020510012",
                "refundAmount": 631
            },
            {
                "amount": 761,
                "deliverdQuantity": 0,
                "quantity": 1,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112211025518503935",
                "productName": "袋装水泥42.5",
                "skuName": "P.O42.5",
                "productCode": "7020205",
                "price": 761,
                "id": "202112211025518639178",
                "skuCode": "702020510010",
                "refundAmount": 761
            }
        ],
        "pageNum": 0,
        "customerName": "22222",
        "arriveTime": "2021-12-21T10:25:51.654+08:00[Asia/Shanghai]",
        "createdTime": "2021-12-21 10:25:51",
        "orderCode": "O202111120336190886422",
        "id": "202112211025518503935",
        "customer": "53b221e2-0c7d-486d-845f-a95100f8f13b"
    },
    {
        "creator": "SU9999",
        "lastModifiedTime": "2021-12-15 14:34:01",
        "refundTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]",
        "lastModifier": "SU9999",
        "pageSize": 0,
        "refundStatus": "0",
        "refundMoney": 1395,
        "pageCur": 0,
        "refundItemsList": [
            {
                "amount": 1395,
                "deliverdQuantity": 0,
                "quantity": 3,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112151434014777122",
                "productName": "普通硅酸盐水泥",
                "skuName": "P.O32.5R",
                "productCode": "pro001",
                "price": 465,
                "id": "202112151434014792272",
                "skuCode": "P.O32.5R",
                "refundAmount": 1395
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "arriveTime": "2021-12-15T14:34:01.304+08:00[Asia/Shanghai]",
        "createdTime": "2021-12-15 14:34:01",
        "orderCode": "O202111100740362898427",
        "id": "202112151434014777122",
        "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
    },
    {
        "creator": "SU9999",
        "lastModifiedTime": "2021-12-15 14:30:55",
        "refundTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]",
        "lastModifier": "SU9999",
        "pageSize": 0,
        "refundStatus": "2",
        "refundMoney": 647352,
        "pageCur": 0,
        "refundItemsList": [
            {
                "amount": 648000,
                "deliverdQuantity": 1,
                "quantity": 1000,
                "undeliverdAmount": 647352,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112151430088963588",
                "productName": "袋装水泥32.5",
                "skuName": "P.O32.5R",
                "productCode": "7020201",
                "deliverdAmount": 648,
                "price": 648,
                "id": "202112151430088972992",
                "skuCode": "702020100026",
                "refundAmount": 648000
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "arriveTime": "2021-12-15T14:30:08.763+08:00[Asia/Shanghai]",
        "createdTime": "2021-12-15 14:30:08",
        "orderCode": "O202111120334041045559",
        "id": "202112151430088963588",
        "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
    },
    {
        "creator": "SU9999",
        "lastModifiedTime": "2021-12-15 14:30:53",
        "refundTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]",
        "lastModifier": "SU9999",
        "pageSize": 0,
        "refundStatus": "1",
        "refundMoney": 832,
        "pageCur": 0,
        "refundItemsList": [
            {
                "amount": 832,
                "deliverdQuantity": 0,
                "quantity": 1,
                "measureUnit": "9ab65d64-274f-4b5c-9b07-df1cf3c80524",
                "parentId": "202112151427282572983",
                "productName": "袋装水泥32.5",
                "skuName": "P.O32.5R",
                "productCode": "7020201",
                "price": 832,
                "id": "202112151427282594935",
                "skuCode": "702020100026",
                "refundAmount": 832
            }
        ],
        "pageNum": 0,
        "customerName": "山东信诺商贸有限公司",
        "arriveTime": "2021-12-15T14:27:28.202+08:00[Asia/Shanghai]",
        "createdTime": "2021-12-15 14:27:28",
        "orderCode": "O202111150112514592844",
        "id": "202112151427282572983",
        "customer": "b6bf4e53-0f7c-410e-89ff-90907d47f6b8"
    }
],

这么写的话一列都是ordercode，应该怎么修改，感谢各位

Answer 1

生成多个表格

<template>
  <div v-for="item in data6">
    <Table border :columns="columns12" :data="[item]">
        <template slot-scope="{ row }" slot="name">
            <strong>{{ row.name }}</strong>
        </template>
        <template slot-scope="{ row, index }" slot="action">
            <Button type="primary" size="small" style="margin-right: 5px" @click="show(index)">View</Button>
            <Button type="error" size="small" @click="remove(index)">Delete</Button>
        </template>
    </Table>
  </div>
</template>