This is a migrated thread and some comments may be shown as answers.

Filter indication

3 Answers 129 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Erik
Top achievements
Rank 1
Erik asked on 27 Sep 2017, 01:51 PM

Maybe I am missing documentation if such a feature exists but is it possible to display some kind of indication on a column header to identify that particular column has an active filter?

When sorting a column it can display an up arrow or down arrow which indicates active sorting on that column. Is there an equivalent for active filter?

 

3 Answers, 1 is accepted

Sort by
0
Erik
Top achievements
Rank 1
answered on 27 Sep 2017, 02:27 PM

And for more clarification, I have enabled much of the column functions

ex:

.Sortable(sortable => sortable
         .AllowUnsort(true)
         .SortMode(GridSortMode.MultipleColumn)
         .ShowIndexes(true))
      .ColumnMenu()
      .Filterable(filterable => filterable.Extra(false))

 

and so I just see a three-dot button on the column headers such as shown in this demo.

I see that the background changes of the three-dot button to white when a filter is active but what I am wondering is if possible to show an distinct icon like the arrow.

 

 

 

0
Accepted
Stefan
Telerik team
answered on 29 Sep 2017, 06:14 AM
Hello, Erik,

Currently, only the background color will change if the filter is applied.

It is possible to make custom modifications only using custom logic on the filter event. This will require checking all filter fields, then selecting the corresponding filter elements and changing their content. The "a" element with class "k-grid-filter" is holding the filter element:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-filter

Also, I can suggest submitting a feature request for a property which will allow setting a custom state for the filtered column:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/category/170280-grid

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Erik
Top achievements
Rank 1
answered on 29 Sep 2017, 01:07 PM

Thanks for your reply.

I ended up going down the path of modifying the style of the filter element to make more noticeable as described in this SO posting.

Tags
Grid
Asked by
Erik
Top achievements
Rank 1
Answers by
Erik
Top achievements
Rank 1
Stefan
Telerik team
Share this question
or