After applying the filter on a specific column dropdown menu icon is not changing

Tags: #<Tag:0x00007efc61c9c610>
#1

When I applied filter on a column the icon of the dropdown menu is not changing, Any solution??

  1. Before applying filter handson1

  2. handson2

  3. After applying filter handson3

#2

Hey @suman.dutta

the icon should turn green, like here

57

I guess that some CSS might be blocking it.

Can you share a demo where this happens?

#3

Actually I make it manually with this code…

afterGetColHeader : function onAfterGetColHeader(col, TH) {

              let filteringPlugin = self.$refs.testHot.hotInstance.getPlugin('filters');

              var physicalColumn = this.toPhysicalColumn(col);

              if (filteringPlugin.conditionCollection.hasConditions(physicalColumn)) {

                $(TH).addClass('htFiltersActive');

              } else {

                $(TH).removeClass('htFiltersActive');

              }

            }

Now it’s working for me.

#4

Great. Thank you for the prompt update.

#5