How to add scrollbar for grid instead of columns disappearing?
We have a requirement where when the screen is reduced in size from full screen, a grid's columns will not disappear. It seems that all of the sections in the harness on that screen are all responsive, so just making the grid unresponsive makes it so all of the columns stretch outside of the harness but the other sections are still responsive. Is there a way to make the whole harness unresponsive and put a horizontal scrollbar on the grid so users can scroll through all of the columns and the grid will still remain inside of the harness?
Pegasystems Inc.
IN
Hello Matt,
Please review the below URL, it can help.
https://collaborate.pega.com/question/no-scrollbar-all-columns-are-not-coming-inside-repeat-grid
Thanks!
Goldman Sachs Group Inc
IN
Hi Matt,
Thank you for posting your question.
In the presentation tab of table layout properties, Choose width of content as Pixels(Fit Content) to see a horizontal scroll bar only for the grid with more columns.
Hope this satisfies the requirement.
Regards,
Pegasystems Inc.
IN
Hi ,
Please try these changes
(This will work if the grid is fill 100% mode)
Put the grid in a dynamic layout and in the presentation tab of the dynamic layout give a class say Multigridclass.
Now in the userworkform apply the below code:
<style>
.Multigridclass #PEGA_GRID_CONTENT{overflow:auto !important;}
</style>