ngtable을 확장 가능한 세부 정보로 스타일 화하는 방법은 무엇입니까?

Question

각 행에 테이블을 포함하는 ng 테이블 레이아웃의 스타일을 지정하려고합니다. 이 확장 기능이 각형으로 구현되는 방식은 다음과 같습니다.

<tr ng-if="org.expanded" ng-repeat-end> 
    <td></td> 
    <td></td> 
</tr>  

이 문제는 CSS와 관련이 있습니다.

ServiceType 열 옆에있는 더하기 아이콘을 클릭하면 확장 된 4 개의 열이 상위 테이블 열 머리글, 즉 서비스 유형, 위치, 연락처 세부 정보 및 마지막 업데이트와 정렬되지 않습니다.

어떻게 값을 잘 정렬했는지 (왼쪽) 설정할 수 있습니까?

마지막으로 업데이트 된 열을 왼쪽으로 정렬 할 수 없습니다. 여기

문제의 plunkr 샘플입니다 : http://embed.plnkr.co/UlMg7J/preview http://plnkr.co/edit/UlMg7J?p=preview

Answer 1

마지막 열 정렬되지 않은 문제를 들어 내가 div의와 전화, website..etc에 대한 테이블을 교체하고 그것은에 정렬하기 시작 원하는 위치에 놓습니다. 그것이하고 있던 일은 원하지 않는 여분의 헤더 (th) 태그를 만드는 것이 었습니다.

코드 :

<td data-title="'Contact Details'"> 
    <table> 
     <tr> 
      <td>Phone:</td> 
     </tr> 
     <tr> 
      <td>Fax:</td> 
     </tr> 
     <tr> 
      <td>Email:</td> 
     </tr> 
     <tr> 
      <td>Website:</td> 
     </tr> 
    </table> 
</td> 

변경된 코드 :

<td data-title="'Contact Details'"> 
    <div>Phone:</div> 
    <div>Fax:</div> 
    <div>Email:</div> 
    <div>Website:</div> 
</td>