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列之后。我尝试使用ng-repeat-start添加一个tr状态td，但它又作为另一行

JS-Bin用于相同的

Answer 1

使用ng-if使用$index使用模数（%）检查rowspan的列可能会有效：jsbin.com/jaxuvavaba