Question
Maantic Inc
IN
Last activity: 12 Jul 2024 10:20 EDT
Freeze header of a non-optimised table in section
Hi,
We have a non optimised table in section that needs freezing the header + 1st column as static.
Is there anyone who implemented this?
User can add and delete rows.
https://support.pega.com/discussion/how-freeze-first-column-and-header-optimized-table(Tried but doesnt work)
The 'Freeze grid header' option that appears when 'Fixed (pixel) size grid' - also doesnt work properly.
***Edited by Moderator Marije to add Capability tags***
Accepted Solution
Updated: 12 Jul 2024 10:20 EDT
Pegasystems Inc.
IN
@RSENTHILKUMAR - For non optimized grid go to presentation tab of the table configurations and set "Width of Content" to "Fixed Pixel" . Enable check box "Freeze grid header".
Add custom style as below.
div[node_name="sectionName"] #gridLayoutTable .gridTable tr th:nth-child(1), div[node_name="sectionName"] #gridLayoutTable .gridTable tr td:nth-child(1){ background: #FFF; z-index: 2; position: sticky!important; left: 0; border-left: 1px solid #CBCBCB; white-space: nowrap; }
In the above style instead of sectionName give the section name where the table is present.
For more details refer below link.
https://support.pega.com/discussion/how-freeze-first-column-and-header-optimized-table
Thank you.
Aaseya IT Services Pvt LTD
SA
You can add some custom style in your Application skin rule with fixed width/height.
Then you can refer that custom style under the presentation table of the header label of your table column.
Accepted Solution
Updated: 12 Jul 2024 10:20 EDT
Pegasystems Inc.
IN
@RSENTHILKUMAR - For non optimized grid go to presentation tab of the table configurations and set "Width of Content" to "Fixed Pixel" . Enable check box "Freeze grid header".
Add custom style as below.
div[node_name="sectionName"] #gridLayoutTable .gridTable tr th:nth-child(1), div[node_name="sectionName"] #gridLayoutTable .gridTable tr td:nth-child(1){ background: #FFF; z-index: 2; position: sticky!important; left: 0; border-left: 1px solid #CBCBCB; white-space: nowrap; }
In the above style instead of sectionName give the section name where the table is present.
For more details refer below link.
https://support.pega.com/discussion/how-freeze-first-column-and-header-optimized-table
Thank you.