元の生テーブルはバックエンドを見せて列で出力するデータです.

<table class="table float">
    <thead>
        <tr>
            <th v-for="item in rowHeader" :key="item">{{ item }}</th>
        </tr>
    </thead>
    <tbody>
        <tr v-for="(item, idx) in tableDataByRow" :key="idx">
            <td v-for="(element, idx) in item" :key="idx">
                {{ element }}
            </td>
        </tr>
    </tbody>
</table>

rowHeader: [],
tableDataByRow: [[], [], [], [], [], [], [], [], [], [], [], [], [], [], []]

this.rowHeader = []
this.tableDataByRow = [[], [], [], [], [], [], [], [], [], [], [], [], [], [], []]
resData.table &&
resData.table.forEach((node, idx) => {
    //node        
    this.rowHeader.push(node.title)
    let v = []
    this.tableDataByRow.forEach((element, key) => {
        key === 0 && element.push(node.xxx || '--') // row1 
        key === 1 && element.push(node.xxx || '--')//row2
        key === 2 && element.push(node.xxx || '--') //row3
    })
})