Kendo Angular Grid --> How to highlight the Edited row

[Sankar]

Hi Team,

I followed below link and created editable gird.
https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-reactive-forms/

Here I have the requirement when use click on edit button that selected row highlighted with light yellow color,
This will inform the users which row we are editing.

Please refer the attached image.
Can you please help me on this?

[Dimiter Topalov]

Hi Sankar,

You can target the Grid row that is in editing mode by its k-grid-edit-row class (and also the alt-rows with a higher-specificity selector) and style it in accordance with your preference, e.g.:

styles: [`
    >>> .k-grid-edit-row, >>> .k-grid tr.k-alt.k-grid-edit-row {
      background-color: lightgoldenrodyellow;
    }
  `]

https://plnkr.co/edit/Hzo4tA1QXA7D3Ih9UNDI?p=preview

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Sankar]

Thanks lot. Working as expected :)