How to control Table size expanding and scroll bar?
Dear all
I want to set decent table design and scroll bar on User Interface.
My Table is displayed decently when data is empty in the table. However, once long length data is inside of table, an extra scroll bar is shown and UI is collapsed.
I wish that entire section does not have the scroll bar and stable. And, long length data should be scrolled to see. The table should be expanded dependence on input data length.
I have attached 3 pictures to see my situation. Please let me know if there is lacked information for solve this issue.
Best Regards,
Yohei
***Edited by Moderator Marissa to update platform capability tags****
Blue Rose Technologies
BE
Hi,
in the last image observed last column is having lengthy chars. Use Wrap text for respective column. So it wont expand and scroll bar can't be viewed.
Accenture LLP
JP
Dear KrishnaRajeshK
Thanks for quick response.
I have thought same opinion and implemented it. However, client demands us that all width should be equal. Therefore, I want to handle the table width by scroll instead of displaying difference size width.
Does skin rule control it?
Best
Yohei
Pegasystems Inc.
IN
Hi,
Try this :
Put all the grids 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>
and if the
Hi,
Try this :
Put all the grids 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>
and if the
section is rendered using a normal flow and not in screenflow use the below code:
.MultiGridScrollbarClass1 .content-inner {
overflow:auto !important;
}