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

Во-первых: вы должны добавить [rowClass] в свою сетку

<kend-grid [rowClass]="rowCallback">
</kendo-grid>

затем вам нужно добавить функцию внутри компонента и вернуть нужный класс

public rowCallback(context: RowClassArgs) {
  if (context.dataItem.someProperty) {   // change this condition as you need
    return {
      passive: true
    };
  }
}  

и, наконец, вам нужно иметь класс CSS с именем, которое вы вернули (в данном случае passive, но, конечно, вы можете изменить его по своему усмотрению)

@Component({
  selector: "your-component",
  templateUrl: "./your.component.html",
  encapsulation: ViewEncapsulation.None,
  styles: [
    `
     .k-grid tr.passive {
        background-color: lightgray;
      }

    `
  ]
})

очень важно использовать encapsulation: ViewEncapsulation.None и называть класс с префиксом .k-grid tr иначе вы не получите нужного результата

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

ДОКУМЕНТЫ + ДЕМО