Как изменить цвет строки на основе определенного состояния столбца в сетке кендо для угловых - PullRequest
Новая
       24

Как изменить цвет строки на основе определенного состояния столбца в сетке кендо для угловых

0 голосов
/ 06 февраля 2019

Я хочу применить красный цвет к строке, у которой значение столбца завершения в часах больше 24. Как я могу это сделать.пожалуйста, помогите, я новичок в угловой. 

<kendo-grid [kendoGridBinding]="gridData">
    <kendo-grid-column field="RequestNumber" title="Request No."  
width="110" >
    </kendo-grid-column>
<kendo-grid-column field="RequestNumber" title="Request No."  width="110" >
    </kendo-grid-column>
<kendo-grid-column field="Name" title="Name."  width="110" >
    </kendo-grid-column>
<kendo-grid-column field="CompletedIn" title="CompletedIn"  width="110" >
    </kendo-grid-column>
 </kendo-grid>

Ответы [ 2 ]

0 голосов
/ 09 февраля 2019

Используйте обратный вызов rowClass , чтобы предоставить собственный класс для всех строк, чьи элементы данных соответствуют некоторым пользовательским критериям, а затем стилизовать их с помощью CSS, например:

DOCS + DEMO

0 голосов
/ 06 февраля 2019

Это помечает строки красным цветом фона, если вышеуказанное условие выполнено

<tr *ngFor="let myObject of myArray;" [ngStyle]="{'background-color':myObj.completedIn>24 ? 'red' : '' }">
   <!-- your other code -->
</tr>
...