Merge and dislocation of table tables

topic description

sources of topics and their own ideas

clipboard.png

clipboard.png

clipboard.png

clipboard.png

related codes

/ / Please paste the code text below (do not replace the code with pictures)

this.topData = []
data = res.data
for (let t = 0; t < data.length - 1; tPP) {
   data[t].rowspan = 1
   for (let m = t + 1; m < data.length; mPP) {
     if (data[t].datum_customer_shareholder_id === data[m].datum_customer_shareholder_id) {
         data[t].rowspanPP
         data[m].show = true
     }
   }
}
            
<template v-for="d in topData">
   <tr>
     <td :rowspan="d.data.rowspan" v-if="!d.data.show">{{d.data.name}}</td>
     <td>{{d.data.loan_bank}}</td>
     <td>
         <span v-if="d.data.loan_variety">{{d.data.loan_variety}}</span>
         <span v-else></span>
     </td>

what result do you expect? What is the error message actually seen?

two names (qd, mobile phone) I wrote according to this, why is it misplaced? A name (qd) is fine. I would like to ask why, please give me some advice from a passing god.

Apr.28,2022

this is element ui's form. You can refer to https://blog.csdn.net/qq_2946...


there is null or this undefined in the data, but the table cannot recognize it. So the td is not displayed
I wrote a vue-split-table plug-in can refer to

Menu