Highlight when using a filter in the grid

1 Answer 313 Views
Filter  Grid
Vladislav
Top achievements
Rank 2
Iron
Iron
Vladislav asked on 13 Oct 2021, 03:17 PM | edited on 13 Oct 2021, 03:21 PM

Hi.

Is there a way to highlight (entire column, header, icon in the header), or add a css class to the header / column if a grid column filter is used? I used Column Menu Filter. For example, when sorting, it is an automatic functionality (arrow icon and column highlight).

Well thank you.

Vlado.

 

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 14 Oct 2021, 11:06 AM

Hello Vladislav,

You can add an active css class to the header icon after a column filter has been used as shown in this example:

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/#toc-styling-the-column-menu-icon

A similar approach can be used to add different styling as well.

Regards, Philip Progress Telerik

Remote troubleshooting is now easier with Telerik Fiddler Jam. Get the full context to end-users' issues in just three steps! Start your trial here - https://www.telerik.com/fiddler-jam.
Tags
Filter  Grid
Asked by
Vladislav
Top achievements
Rank 2
Iron
Iron
Answers by
Filip
Telerik team
Share this question
or