2017-12-09 7 views
0

ngx-datatable 셀 스타일 지정 예제 (http://swimlane.github.io/ngx-datatable/#css)는 셀 값을 조건으로 사용합니다. 구성 요소 메소드에서 변경할 수있는 구성 요소의 변수를 사용하고 싶습니다. 나는 getCellClass()에서 그것을 시도했지만 놀랍게도 선언 된 변수조차도 정의되지 않았습니다.구성 요소 변수를 기반으로 한 ngx-datatable 동적 셀 스타일

이 코드는 셀 안에 <div>의 스타일을 적용하지만 전체 셀에 스타일을 적용하거나 전체 셀을 채우기 위해 div를 얻고 싶습니다.

<ngx-datatable-column name="First Name" prop="firstname"> 
    <ng-template let-column="column" ngx-datatable-header-template> {{column.firstname}} </ng-template> 
    <ng-template let-row="row" let-rowIndex="rowIndex" let-value="value" width="60px" ngx-datatable-cell-template> 
    <div [style.background]="personCurrent == rowIndex ? 'SlateGray' : ''"> 
    <p>{{value}}</p> 
    </div> 
</ng-template> 
</ngx-datatable-column> 

답변

0

해결 방법을 사용하고 있습니다. 데이터 테이블의 숨겨진 열에 구성 요소 변수를 쓰고 그 값을 사용합니다.