Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Alignment of Filter icons shown differently on different browser



Alignment of filter icons in Repeating Grid shown differently on Google Chrome and Internet Explorer 11.

Filter Icon is widely spaced on Internet Explorer whereas it is closer to the column label on Google chrome

Internet Explorer 11, the Filter icon is at the far right of the column header, appearing just to the left of the next column header.

This is confusing as it give the impression that the filter icon applies to the next column.

In Google Chrome, the Filer Icon is just to the right of the header text, clearing indicating that the icon goes with that column.

Error Messages

Not Applicable

Steps to Reproduce

1. Create a section and include a repeat grid in it.
2. Enable filtering option for the entire grid.

Observe that the filter icon position is different in Internet Explorer and Chrome browsers.

Root Cause

Filter icon is positioned correctly in Internet Explorer browser but in Chrome browser, it is not correct.


Apply below local change to both the browsers to make it behave consistently.

Filter icon will be positioned far right of the column header.

DIV.gridDefault .filter {
position: absolute!important;

Suggest Edit

Published July 25, 2017 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us