Hi I am working on the kendo Grid where the color of the row should change based on the Category name, Which I will hard code and switch between the values in rowCallback function.
However as per the example https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-rowclass There is only even and odd, So can I do a switch functionality using the rowCallback function. or do I need to use the "Styling Cells on the Fly" functionality https://www.telerik.com/kendo-angular-ui/components/grid/styling/#toc-styling-cells-on-the-fly where I need to mention the style for each specific cell in entire row.
Regards
K Govardhan.
1 Answer, 1 is accepted
The RowClassArgs argument, which is received by the rowClass function contains two properties - index (which is used in the even/odd example) and dataItem (which holds the whole item for the current row).
https://www.telerik.com/kendo-angular-ui/components/grid/api/RowClassArgs/
https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-rowclass
I assume that using the dataItem property and retrieving the Category value is what you are looking for. Let me know if I could assist further.
Regards,
Dimiter Madjarov
Progress Telerik
Rank 1
Dimiter,
In the rowCallback function, "this" refers to the TableBodyComponent.
How can I reach any variables/methods at the parent component level?
Thanks in advance for your help.
Bob
This could be achieved by switching the callback implementation to an arrow function. Here is an example of this:
https://stackblitz.com/edit/angular-yh8zyr?file=app/app.component.ts
Regards,
Dimiter Madjarov
Progress Telerik
Rank 1
Hi Dimiter,
This works perfectly! Thanks for the help!
Bob
Rank 1
Veteran
Iron
Hi Mark,
In order to style the Grid rows conditionally please check the following section from our documentation:
Regards,
Martin
Progress Telerik
Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).