RSENTHILKUMAR
(Senthilkumar Rajasekaran)
June 24, 2024, 10:12am
1
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.
How to freeze the first column and the header of an optimized table | Support Center (Tried but doesnt work)
The ‘Freeze grid header’ option that appears when ‘Fixed (pixel) size grid’ - also doesnt work properly.
@RSENTHILKUMAR
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.
@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.
Thank you.