Question
Capgemini
IN
Last activity: 29 Jul 2019 10:29 EDT
Header in repeating grid
HI All,
I have a UI requirement where i need to divide some columns into "structure", "requirements" and "actions" [pls refer attached screenshot".
for exapmple i need to show starting 3 columns under structure, next 4 under requirements and next 4 actions.
for this i am adding labels in action top field and setting width but the issue is all the labels(structure, requirements and action) are auto aligning to 100% of screen.
the table data is more so it is going to scroll bar but the labels are not ( as they are aligning to 100%),.
Pls let me know if there is something i can use to achieve this.[attavhed both requirement and app screenshots]
***Moderator Edit-Vidyaranjan: Updated Platform Capability***
Pegasystems Inc.
IN
Hi DeepakS2275,
So, your data grid can grow but not the three categories. However, you want to stretch your category headers with the grid columns.
I am doubt though they auto stretch, are the columns you want to show in specific category fall into the specific header region?, Definitely not, isn't it?
If I were you, I will go with following approach.
I use, Inline grid triple dynamic layout and use each column of the dynamic layout for a category
I choose, row 1 to display category headers. "structure", "requirements" and "actions"
I choose, row 2 to display a grid for each category. This way you have three grids and will add columns for each grid.
I choose configuration of fixed width grid. This way, If grid grows horizontally, I would expect to see scroll bar for the grid but not for the header. I will mimic the skin to make it appear like single grid.
Limitations :
Hi DeepakS2275,
So, your data grid can grow but not the three categories. However, you want to stretch your category headers with the grid columns.
I am doubt though they auto stretch, are the columns you want to show in specific category fall into the specific header region?, Definitely not, isn't it?
If I were you, I will go with following approach.
I use, Inline grid triple dynamic layout and use each column of the dynamic layout for a category
I choose, row 1 to display category headers. "structure", "requirements" and "actions"
I choose, row 2 to display a grid for each category. This way you have three grids and will add columns for each grid.
I choose configuration of fixed width grid. This way, If grid grows horizontally, I would expect to see scroll bar for the grid but not for the header. I will mimic the skin to make it appear like single grid.
Limitations :
This configuration would be not great for mobile application
We've new templatized grids introduced in pega infinity, this grids can be used to show or off the columns, user can have their own copy of display and many more features for runtime edit, Please have a look.
Yet, you can post your questions and concerns, happy to answer them.
Thank you,
Regards, Cherb.
Capgemini
IN
Hi Cherb,
Thanks for the reply.
I want to show first 3 columns under "structure" next 4 under "requirements" and next 3 under "actions" i want to strech header along with the columns rather than to auto adjust.
Pegasystems Inc.
IN
Hi Viknesh,
Okay. The current grid/Table component does not have capability to achieve your requirement with configuration.
Please follow the approach given in my previous reply, I am pasting below. Also, when you say the columns grow, I assume they grow as per the content size of each cell. If that is the case, you can implement "wrap text" styles on the column properties configuration.
Proposed suggestion:
"I use, Inline grid triple dynamic layout and use each column of the dynamic layout for a category
Hi Viknesh,
Okay. The current grid/Table component does not have capability to achieve your requirement with configuration.
Please follow the approach given in my previous reply, I am pasting below. Also, when you say the columns grow, I assume they grow as per the content size of each cell. If that is the case, you can implement "wrap text" styles on the column properties configuration.
Proposed suggestion:
"I use, Inline grid triple dynamic layout and use each column of the dynamic layout for a category
I choose, row 1 to display category headers. "structure", "requirements" and "actions"
I choose, row 2 to display a grid for each category. This way you have three grids and will add columns for each grid.
I choose configuration of fixed width grid. This way, If grid grows horizontally, I would expect to see scroll bar for the grid but not for the header. I will mimic the skin to make it appear like single grid.
Limitations :
This configuration would be not great for mobile application"
Let me know and elaborate the problem more in detailed, If you are not answered.
Thank you,
Regards, Cherb.