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

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

  1. Before applying filter

  2. After applying filter

Hey @suman.dutta

the icon should turn green, like here

I guess that some CSS might be blocking it.

Can you share a demo where this happens?

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.

Great. Thank you for the prompt update.