# Freeze header of a non-optimised table in section

**URL:** <https://forums.pega.com/t/freeze-header-of-a-non-optimised-table-in-section/7530>\
**Category:** User Experience\
**Tags:** 8-7-1, user-experience, data-integration\
**Created:** [June 24, 2024, 10:12am UTC](https://forums.pega.com/t/freeze-header-of-a-non-optimised-table-in-section/7530 "2024-06-24T10:12:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![RSENTHILKUMAR](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/rsenthilkumar/32/23064_2.png) [@RSENTHILKUMAR](https://forums.pega.com/u/RSENTHILKUMAR)\
**Post date:** [June 24, 2024, 10:12am UTC](https://forums.pega.com/t/freeze-header-of-a-non-optimised-table-in-section/7530/1 "2024-06-24T10:12:51Z")

</div>

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](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.

---

<div class="post-metadata">

**Author:** ![PrakashDeep](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/prakashdeep/32/12790_2.png) [@PrakashDeep](https://forums.pega.com/u/PrakashDeep)\
**Post date:** [June 26, 2024, 9:09am UTC](https://forums.pega.com/t/freeze-header-of-a-non-optimised-table-in-section/7530/2 "2024-06-26T09:09:49Z")

</div>

@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.

 ![Fixed Width.PNG](https://pega1.discourse-cdn.com/pega/original/2X/d/de4407e8924f4f17d533bff3f9f31ddc5e3469e3.png)

---

<div class="post-metadata">

**Author:** ![Priyanka\_Boga](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/priyanka_boga/32/3726_2.png) [@Priyanka\_Boga](https://forums.pega.com/u/Priyanka_Boga)\
**Post date:** [June 27, 2024, 4:29pm UTC](https://forums.pega.com/t/freeze-header-of-a-non-optimised-table-in-section/7530/3 "2024-06-27T16:29:16Z")

</div>

@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”.

 ![Fixed Header.png](https://pega1.discourse-cdn.com/pega/original/2X/b/b90bd23ba8a49cbbdabd8d3a8bc49d41b0a9e25c.png)

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.

> **[How to freeze the first column and the header of an optimized table | Support...](https://support.pega.com/discussion/how-freeze-first-column-and-header-optimized-table)**
>
> If you are rendering a table with a lot of columns, it is sometimes important to freeze the first column of the table or the header. This article explains how to implement such functionality using a CSS-only approach and the 'display: sticky'...

Thank you.