Question
Quest Diagnostics Inc
IN
Last activity: 9 Aug 2021 10:53 EDT
Table inside Table -UI
HI All,
I have a requirement where I need a table inside a table. Please see attached image for requirement.
For 2 of the columns we need '+' icon to add row .
If anybody has worked on such requirement earlier please suggest me how we can achieve this using PEGA.
Thanks In advance.
Regards,
Deepali
Maantic Inc.
IN
You should be using a RDL instead of a table and for 2nd and 3rd column use sections inside which again use tables.
Quest Diagnostics Inc
IN
Thanks for your reply. Can you please share some more details about how to achieve this technically.
Updated: 6 Aug 2021 7:42 EDT
Maantic Inc.
IN
- In your main section drag 1 layout for header - select Inline grid quadruple. Drag 4 labels and type in the column names.
- Now drag another Repeating Dynamic Layout. Mention the source as your page list on which you wanted to display the table.
- Drag a section inside the RDL
- The RDL section can again be Inline grid quadruple where first two columns you can directly drag the properties
- For the next two columns you drag two sections. Inside these sections you configure them stacked and have one property at top and one table at the bottom.
Quest Diagnostics Inc
IN
Hi Tanay,
Thanks for detail explanation. Have you customized the + and delete icon in Dynamic Layout 3 in Section 1?
Are you using any PEGA OOTB functionality?
Maantic Inc.
IN
I had customized the + icon, yes. Please see attached configuration
I didn't configure the delete icon. I would recommend keep the delete icon inside the section referred in the RDL and just use "delete this item" action and it will work.