AngularJS ng-repeat colspan rowspan 问题

Question

<table border=1>
 <thead>
   <tr>
      <th>Group</th>
      <th>Status</th>
     <th>Name</th>
     <th>Gender</th>          
   </tr>
 </thead>    
 <tbody ng-repeat="group in groups">
   <tr>
     <td rowspan="3">{{group.name}}</td>  
     <td rowspan="3">{{group.status}}</td>        
   </tr>
   <tr ng-repeat="member in group.members">
     <td>{{ member.name }}</td>
     <td>{{ member.gender }}</td>
   </tr>
 </tbody>
</table>

以上代码输出如下：

我需要将 Status 列设为第 4 列，而不是当前的第 2 列，即出现在 Gender 列之后。我尝试通过添加一个状态为 td 的 tr 来使用 ng-repeat-start 但它是另一行

JS-Bin 同样

Answer 1

使用 ng-if 检查 $index 使用模数 (%) 对具有 rowspan 的列进行检查可能会成功：jsbin.com/jaxuvavaba

AngularJS ng-repeat colspan rowspan 问题

AngularJS ng-repeat colspan rowspan issue

html-table

col

angularjs