基于模板值的Kendo UI网格样式单元格>>

Question

我想根据其值设置特定单元格的cellStyle。

如果状态

== 开始，我希望背景为绿色。

如果状态

== 已停止，我希望背景为红色。

请查看此表：

   <kendo-grid [data]="gridData" style="height: 200px">
     <kendo-grid-column field="machineName" title="Machine">
     </kendo-grid-column>
     <kendo-grid-column field="article" title="Article">
     <ng-template kendoGridCellTemplate let-dataItem>
      {{dataItem.article}}
     </ng-template>
     </kendo-grid-column>
     <kendo-grid-column field="status" title="Status">
     </kendo-grid-column>
   </kendo-grid>
我已经尝试过使用条件[ngClass]和[ngStyle]，但似乎都无法正常工作，很自然，我认为我目前无法访问template值，而只能在<kendo-grid-column>标记内。访问当前的网格列值似乎比我想的要难。但是，似乎可以使用行：

如果我要在ng-template上应用样式，那完全有可能，但这不会为整个gridCell样式。

这里是一次闪电战，展示了我想要的东西：https://q12mgf.run.stackblitz.io。

如果您想亲自使用源代码，它是：https://stackblitz.com/edit/angular-e5dgt2?file=app%2Fapp.component.ts

TL; DR

-如何根据状态值设置整个单元格的样式。 started = green和stopped = red。

API：https://www.telerik.com/kendo-angular-ui/components/grid/styling/

资源：https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/style-rows-cells-based-on-data-item-values

我想根据其值设置特定单元格的cellStyle。如果状态==已开始，我希望背景为绿色。如果状态==已停止，我希望背景为红色。考虑...

Answer 1

您可以根据rowClass设置单元格的样式。 （API Reference）