Formatting grid's row in Kendo UI for Angular 2 grid

Question

I am wondering if there is a way to format the row\'s appearance based on a field\'s value?

Thanks.

Answer 1

This might be a little too late, but its possible!

HTML

How to style based on row:

How to style based on column:

     
     
     
     
      {
  switch (context.dataItem.status) {
      case "STOPPED":
          return "red";
      case "STARTED":
          return "green";
      case "ERROR":
          return "yellow";
      default:
          return {};
  }
}

Note: ViewEncapsulation.None in order to make this work.

API: https://www.telerik.com/kendo-angular-ui/components/grid/api/RowClassArgs/

DEMO

https://stackblitz.com/edit/angular-tylq1k?file=app/app.component.ts