How vue element table renders multi-tier data

problem description

the existing first layer rendering id name description, of a plate shows that different productVersions,table prop and scope cannot obtain the data in productVersions

I have tried many methods with little talent and learning, but they fail to get to the point

related codes

{
"data": {

"description": "string",
"id": 0,
"name": "string",
"productVersions": [
  {
    "changedBy": "string",
    "changedOn": "2018-08-19T04:49:30.453Z",
    "createdBy": "string",
    "createdOn": "2018-08-19T04:49:30.453Z",
    "description": "string",
    "feature": {},
    "id": 0,
    "prdVersion": 0,
    "price": 0,
    "priceCurr": "string",
    "productId": 0,
    "richDesc": "string",
    "status": 0,
    "validFrom": "2018-08-19T04:49:30.454Z",
    "validTo": "2018-08-19T04:49:30.454Z",
    "versionName": "string"
  }
  {
    "changedBy": "string",
    "changedOn": "2018-08-19T04:49:30.453Z",
    "createdBy": "string",
    "createdOn": "2018-08-19T04:49:30.453Z",
    "description": "string",
    "feature": {},
    "id": 0,
    "prdVersion": 0,
    "price": 0,
    "priceCurr": "string",
    "productId": 0,
    "richDesc": "string",
    "status": 0,
    "validFrom": "2018-08-19T04:49:30.454Z",
    "validTo": "2018-08-19T04:49:30.454Z",
    "versionName": "string"
  }
]

},
"msg": {

"code": "string",
"detail": "string",
"level": "INFO",
"title": "string"

},
"status": 0,
"success": true
}

is there any good way to ask for help?

:data="data.productVersions" height="250" border style="width: 100%"> <el-table-column prop="date" label="" width="180"> </el-table-column> <el-table-column prop="name" label="" width="180"> </el-table-column> <el-table-column prop="address" label=""> </el-table-column>