Filter indication

4 posts, 1 answers
  1. Erik
    Erik avatar
    42 posts
    Member since:
    Aug 2012

    Posted 27 Sep 2017 Link to this post

    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?

     

  2. Erik
    Erik avatar
    42 posts
    Member since:
    Aug 2012

    Posted 27 Sep 2017 Link to this post

    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.

     

     

     

  3. Answer
    Stefan
    Admin
    Stefan avatar
    2895 posts

    Posted 29 Sep 2017 Link to this post

    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.
  4. Erik
    Erik avatar
    42 posts
    Member since:
    Aug 2012

    Posted 29 Sep 2017 Link to this post

    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.

Back to Top