# Filter Icon Not Hiding

**URL:** <https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [September 26, 2024, 3:04pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502 "2024-09-26T15:04:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [September 26, 2024, 3:04pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/1 "2024-09-26T15:04:52Z")

</div>

Hi forum,

I've got a table with the following settings on some columns:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/d/ad2e0af05a585fedc91b531e9425311a3c508e5b.png)

In the designer, the filter icons are hidden:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/2/721f7954a892c8daf4f7ba7fdc678404d3339cc6.png)

In production the filter icons are visible:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f5a55b1f8c43604fb5b7bf00c93f5f232a4b0254.png)

And I can see from the CSS its specifically setting them as visible '--always', not '--never':

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/c/5c233c35635e9576de8274cf9123a10af3dcf1d9.png)

I didnt seem to have this issue in the past -\> Is this a bug with version 8.1.43?

Extra info:

- Setting the filter enabled to 'FALSE' removes the icons
- No I cant use that as a solution as I'm using separate boxes to control the filters 😋

Thanks!  
Alex

---

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [September 26, 2024, 3:07pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/2 "2024-09-26T15:07:44Z")

</div>

One last bit of into to add -\> I added a button that specifically sets the filter visibility to 'never' when pressed... just to make sure it wasnt being reset by something!  
...It was an attempt that failed ☺

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [September 26, 2024, 3:20pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/3 "2024-09-26T15:20:23Z")

</div>

Perhaps try adding a selector in the stylesheet with `'--never !important'`?

Aside from that, I don't see in the snipit you provided where is says visible--always, I see `filterable--always`, which I think is what you want?

---

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [September 26, 2024, 3:31pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/4 "2024-09-26T15:31:43Z")

</div>

Ah very good spot! I think I breezed over the CSS in my haste so missed it was the filterable property, and not the visible 🙂

Delving into the table, I cant seem to find the 'filterable visible' CSS prop being passed through. Maybe thats the issue? 🙂

---

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [September 26, 2024, 3:35pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/5 "2024-09-26T15:35:44Z")

</div>

I've added a DOMID on the table of 'tableHideAllFilters' , and put the below in the advanced stylesheet.  
Seems to do the trick, but I'd be interested to know why I have to do this in this version -\> seems overkill for an available feature 🙂

```python
#tableHideAllFilters .filter-button{
	display: none;
}

```

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [September 26, 2024, 3:53pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/6 "2024-09-26T15:53:17Z")

</div>

> [@Alex\_Leech](#):
>
> And I can see from the CSS its specifically setting them as visible '--always', not '--never':

Not that it will help solve your issue, but that's html, not css.

I'm also using 8.1.43 and I don't have a problem with filters.  
I just tried on the table with the sample data and put one of each visibility option on the 3 columns: city: on hover, country: always, population: never  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/9/b9d271b5e63997ae9c7088caa284c6d56fefc6e5.png)

Works exactly as expected.  
Try removing anything that could mess with this, maybe something is overriding the class and messing with it.

Also, may I ask why you're activating the filters if you don't want them to show up ? Are you using default filters configured directly in the designer ?

---

<div class="post-metadata">

**Author:** ![Alex\_Leech](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alex_leech/32/39391_2.png) [@Alex\_Leech](https://forum.inductiveautomation.com/u/Alex_Leech)\
**Post date:** [September 26, 2024, 4:15pm UTC](https://forum.inductiveautomation.com/t/filter-icon-not-hiding/96502/7 "2024-09-26T16:15:53Z")

</div>

Thanks Pascal, I've just done the same test, blank view, standard sample data table.  
Low and behold, I get the correct HTML! (Looks down in shame at previous error)

Whats confused me more however is I've commented out the CSS to hide them, and they've now got the '--never' on the original table. Think its time to call it a day and look again in the morning 😂

I shall do some more investigation and report back tomorrow! Thanks for the help all!

Edit: Im using separate input fields to control the filters, so just dont want the icons showing in the header.
