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

Table layout overflows to right pane in IE



In the Internet Explorer 11 browser, a table layout containing more than 10 columns overflows to the right pane.

Error Messages

Not Applicable

Steps to Reproduce

Create a table layout with more than 15 columns. The table layout overflows to right pane in the Internet Explorer 11 browser.

Root Cause

A defect in Pegasystems’ code or rules.


Perform the following local-change:
  1. Open the section which contains the table.
  2. Open the property panel of the the Wrapper dynamic layout.
  3. Navigate to the Presentation tab and add flex-table-cont as the Content CSS class.
  4. Click Submit.
  5. Open the UserWorkForm and add the below script

      function setSectionWidth(){
        var wrapperDL = $(".ie11 .flex-table-cont");
        var innerTable = $(".ie11 .flex-table-cont > .flex.content-item > table");
        if(wrapperDL && wrapperDL.length > 0 && innerTable && innerTable.length > 0){
          var widthOfTable = parseInt(innerTable.width()) + 56;
          var sectionTag = $(".ie11 .workarea-view-scroll-wrapper > section");
          sectionTag.css("width",widthOfTable + "px");
        if(pega.u && pega.u.d && pega.u.d.attachOnload)

  6. Click Save and run the flow.
Suggest Edit

Published August 15, 2019 - Updated December 2, 2021

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