How does the data in vue table correspond to rows and columns?

the effect is shown in the figure:

clipboard.png

description:

"" 

data correspondence is as follows:

"companyDto": [{
        "agent_code": "6666",
        "agent_name": ""
    }...]
"bankProductFproce": [{
        "zhcode": "99999",
        "process": "",
        "ffcode": "6666"}, ...]
"bankDto": [{
        "bankName": "",
        "bankCode": "99999",
        "sName": ""} ,...]
        
    agent_codeffcodezhcodebankCode

the code is as follows:

//
    <table cellSpacing=0 cellPadding=0 id="left_table2" class="table table-bordered">
        <tr v-for="agent in companyDto">
            <th >

{{agent.agent_name}}

</th> </tr> </table> // <table cellSpacing=0 cellPadding=0 id="right_table1" class="table table-bordered"> <tr> <th v-for="bank in bankDto">

{{bank.sName}}

</th> </tr> </table> // <table cellSpacing=0 cellPadding=0 id="right_table2" class="table table-bordered"> <tr v-for="proce in bankProductFproce" > <td> bank.sNameagent.agent_name </td> </tr> </table>
Sep.02,2021
Menu