В PrimeNG, как применить условную окраску к строкам в компоненте древовидной таблицы

Я новичок в PrimeNG и использую компонент таблицы дерева в своем приложении angular 2.

Я хочу применить всю строку (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>

Любая помощь высоко ценится.


person Shruthi H S    schedule 29.12.2016    source источник
comment
кстати, вы говорите о PrimeNG, но ваш код — PrimeFaces.. Вы говорите о древовидной таблице, но ваш код — это таблица с данными… Пожалуйста, создавайте хорошие вопросы. См. также Как спросить   -  person Kukeltje    schedule 29.12.2016


Ответы (1)


используйте [ngClass]/[ngStyle] вместо rowStyleClass, это может помочь вам, как показано ниже:

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

[ngClass]="mode == 'multiple' ? 'multipleEditorModal' : 'NoClass'"
person Sandip - Frontend Developer    schedule 29.12.2016