AngularJS 테이블 행 범위

Question

각도 JS로 부트 스트랩 테이블에서 행 간격을 수행하는 방법은 무엇입니까? 내 테이블은 ng-repeat를 사용하여 생성됩니다. ng-repeat로는 불가능하다고 생각합니다. 그래서 ng-grid와 ng-table을 살펴 봅니다. 둘 다 그룹화되어 있습니다. 하지만 접을 수있는 열을 만듭니다. 정확하게 행 간격이 아닙니다. 그러니 제 선택 사항을 알려주십시오.

내가 좋아 달성하기 위해 노력하고 있어요 :하지만 정적 데이터하지

<table border="1" > 
    <tr> 
     <th>First Name</th> 
     <th>Last Name</th>  
     <th>Points</th> 
</tr> 
     <tr> 
     <td rowspan="3">Jill</td> 
     <td>Smith</td> 
     <td>50</td> 
    </tr> 
    <tr> 

     <td>Smith2</td> 
     <td>60</td> 
    </tr> 
    <tr>    
     <td>Smith3</td> 
     <td>70</td> 
    </tr> 
    <tr> 
     <td>Eve</td> 
     <td>Jackson</td> 
     <td>94</td> 
    </tr> 
</table> 

http://plnkr.co/edit/1VBQGVoamQbqv9uYmnWB?p=preview

,이 서버에서 개체의 목록이 될 것입니다. 도움이 되었습니까?

Answer 1

JSON에 rowspan 속성을 추가 할 수 있습니다. 마찬가지로 :

<tr> 
    <td ng-if="item.rowspan>0" rowspan="{{item.rowspan}}">{{item.attr1}}</td> 
    <td>{{item.attr2}}</td> 
<tr> 

당신은 JSON을 반복 할 수 및 조건부 rowspan을 추가합니다 :

myJson = [{attr1:'foo', attr2:'bar',rowspan:2},{attr1:'foo', attr2:'bar',rowspan:0}]; 

그럼 당신은이 같은 두 ng-if 및 rowspan을 사용할 수 있습니다

data.forEach(function(item){ 
    if(someCondition){ 
     item.rowspan = 2; // or 0, 1, 2, 3... 
    } 
}); 

을 여기에 plunker입니다.