245
Views
6
Comments
Solved
Sticky TableRecord's Header Row
Question

HI there,

Can we make the header row of a table record to always shown as we scroll the table record?

Thank you very much

regards

mvp_badge
MVP
Rank: #157
Rank: #349

Hi Marco,

How to do it in Outsystems?

Tq7

Champion
Rank: #37

Behavioral wrote:

Hi Marco,

How to do it in Outsystems?

Tq7

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

Rank: #220

Pankaj pant wrote:

Behavioral wrote:

Hi Marco,

How to do it in Outsystems?

Tq7

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

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


Staff
Rank: #346

While I understand the solotion depends on the situations and the target web browsers, the following CSS code just worked for me. Let me leave a comment here for the later reference.

.TableRecords .TableRecords_Header {
    position: sticky; top: 0;
}

Other ideas can be found in the following link.

https://stackoverflow.com/questions/21168521/table-fixed-header-and-scrollable-body