I have an issue from the client, if the resolution on the browser is 100% or more, the display of the table that appears will be like the image with a yellow color. for a view on the table, I have checked “Responsiveness”. How to make the table appearance not exceed the layout. thanks
@spencerwikal How many columns are there inside the table? Is the table inside a dynamic layout? Can you please share the design of the top level container section and the embedded section layout being used?
@spencerwikal To fix the issue where the table UI exceeds the layout at 100% browser resolution, ensure the table width is set to a percentage (like 100%) instead of fixed pixels and enable the “Responsiveness” checkbox in the table layout properties. Adjust the responsive breakpoints in the skin rule to ensure columns collapse properly on different screen sizes. If you’re using Pega Constellation, verify that the Flexbox settings are properly configured for dynamic resizing. Set column behavior to “Wrap Text” and enable “Use alternate presentation for smaller devices” in the layout settings. Avoid using fixed widths for columns and check for unnecessary padding. If the issue persists, apply a CSS rule like table { max-width: 100%; table-layout: auto; overflow-x: auto; word-wrap: break-word; } to keep the table within the screen size. Always test the UI on multiple screen resolutions using the browser’s developer tools to confirm the fix works correctly
Thanks for reply, but for this case user accept change UI from table to section dynamic layout