Support Article

Table layout overflows to right pane in IE

SA-78276

Summary

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

Not Applicable

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

A defect in Pegasystems’ code or rules.

Perform the following local-change:

Open the section which contains the table.
Open the property panel of the the Wrapper dynamic layout.
Navigate to the Presentation tab and add flex-table-cont as the Content CSS class.
Click Submit.
Open the UserWorkForm and add the below script

<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");
}
}
$(document).ready(function(){
if(pega.u && pega.u.d && pega.u.d.attachOnload)
pega.u.d.attachOnload(setSectionWidth,true);
setSectionWidth();
});
</script>
Click Save and run the flow.

Published August 15, 2019 - Updated December 2, 2021

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