vue table内数据如何与行和列对应？

Question

效果如图所示：

描述：

数据格式是三个数组，分别为“分公司”的行，列，和右下角空白表格内的数据

数据对应关系如下：

"companyDto": [{
        "agent_code": "6666",
        "agent_name": "北京"
    }，...]
"bankProductFproce": [{
        "zhcode": "99999",
        "process": "不准入",
        "ffcode": "6666"}, ...]
"bankDto": [{
        "bankName": "中国建设银行",
        "bankCode": "99999",
        "sName": "建行"} ,...]
        
    agent_code对应ffcode，zhcode对应bankCode

代码如下：

//分公司列
    <table cellSpacing=0 cellPadding=0 id="left_table2" class="table table-bordered">
        <tr v-for="agent in companyDto">
            <th ><p>{{agent.agent_name}}</p></th>
        </tr>
    </table>
//分公司行
<table cellSpacing=0 cellPadding=0  id="right_table1" class="table table-bordered">
    <tr>
        <th v-for="bank in bankDto"><p>{{bank.sName}}</p></th>
    </tr>
</table>
//右下角内容
<table cellSpacing=0 cellPadding=0 id="right_table2" class="table table-bordered">
    <tr v-for="proce in bankProductFproce" >
        <td>
            这个地方该如何与bank.sName和agent.agent_name对应呢？
        </td>
    </tr>
</table>