Behavioral wrote:

Hi,

 Please go through with the below link.

https://success.outsystems.com/Documentation/Development_FAQs/How_to_scroll_records_in_a_table_with_a_fixed_header

Regards,

Pankaj Pant

Pankaj pant wrote:

Hi Pank

It did not work.

When i scroll the browser vertical scroll bar, the header follows going up.

I want the header stays visible.

regards and thank you

Fully agree, spent ages in outsystems pages trying to find a well-supported way to do this. Like you say all you need is some good CSS classes. The key attribute is the position: sticky, for documentation on that CSS property check this link: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning 

If you want to apply the sticky header to all your table records, just apply the following: 

.TableRecords .TableRecords_Header{
    position: sticky;
    top: var(--header-size);  
    z-index: 5;
}