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

Filter icons are misaligned in IE browser



In grid column headers, the filter icons are misaligned in Internet Explorer(IE) browser. When the header text is long and wraps, the filter icon is vertically set to middle of the cell but when the header text is in one line, the icons are to the top left of the cell.

Screenshot of filter icon in IE:

Screenshot of filter icon in Chrome:

Error Messages

Not Applicable

Steps to Reproduce

  1. Create a section which contains a Grid Repeat, and select ‘Allow filtering’ checkbox.
  2. Include a long column header that wraps to next line.
  3. Create a flow action and flow to run.
  4. Run the flow on Firefox or Chrome browser and check filter icon’s position.
  5. Run the same flow on IE11 and check the filter icon position.
Actual Observation: In IE, the filter icon is not displayed correctly. Its display level is higher than the column label.
Expected Observation: The filter icon is aligned correctly besides the column label.

Root Cause

Height for filter icon was being calculated incorrectly.


Apply HFix-34543

Suggest Edit

Published July 27, 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