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.

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.