2016-12-29 1 views
0

저는 PrimeNG를 처음 사용하고 제 2 각도 응용 프로그램에서 트리 테이블 구성 요소를 사용합니다.PrimeNG에서 트리 테이블 구성 요소의 행에 조건부 색칠을 적용하는 방법

조건에 따라 다른 스타일로 전체 행 (tr)을 적용하고 싶습니다. 나는 ngStyle과 ngClass를 시도했다. 하지만 작동하지 않습니다.

<p:treetable id="coloring" var="car" [value]="{treeTableController}" 
[ngStyle] ="{{car.year le 1975 ? 'colored' : null}}"> 
<p:columnheaderText="Year">{car.year}</p:column> 
<p:columnheaderText="Name">{car.name}</p:column> 
</p:treetable> 

도움이 매우 감사합니다.

+0

을 BTW, 당신은 나무 테이블에 대해 이야기 .. 당신이 PrimeNG에 대해 이야기하지만 코드가 PrimeFaces하지만, 귀하의 코드는 데이터 테이블입니다 ... ** 좋은 ** 질문을 만드십시오. 또한보십시오 [ask] – Kukeltje

답변

0

사용 [ngClass]/[ngStyle] 대신 rowStyleClass의는 다음과 같이 당신을 도울 수 있습니다

[ngStyle]="{'height': splitterHeight + 'px'}" 

[ngClass]="mode == 'multiple' ? 'multipleEditorModal' : 'NoClass'"