Support Article
Headers and columns on Repeating Layout are Misaligned
SA-43942
Summary
In a multiple column layout, headers and columns do not align correctly when the data field increases in one column.
Error Messages
Not Applicable
Steps to Reproduce
- Create a Repeating grid layout (source the grid from a Data Page).
- Set Pagination format to Progressive and Page Size greater than five.
Root Cause
An issue in the custom application code or rules.
Progressive pagination divided the grid markup into two tables, one for the header and the other for the body, which must be kept in sync using JavaScript code.
Resolution
Perform the below steps to resolve the issue:
- Include the below code in the custom CSS.
table.gridTable th.hiddenCell:last-child{
min-width: 100px;
}
div#gridHead_right table.gridTable{
table-layout: fixed;
width: 100% !important;
} - Apply HFix 36925.
Published November 30, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.