Sticky Table Header without an Addon
Application Type
Traditional Web
Service Studio Version
11.14.8 (Build 58515)

Hello, I need Help, 

I have a Project where I have a Table and I want to Fix the Header, so when ever I'm scrolling I have my header with me.

How  do I do that?

Best regards

Hello Fabian,

1)Add this CSS in page or application level

.sticky-header
{
    position: sticky;
    top:50px;
    
}
(top value is changeable on that bases it will be stick after 50px it will stick likewise,you will also able to give that in % as well) right now i give 50 px because we have header in application so it will stick inside that so for visibility i am giving that its depend on you where you want to stick 

2) call that CSS in table in the table header property

3) DEMO Link : DEMO

hope this well helps you,

Thanks and Regards,

Akshay Deshpande

Hello Akshay,

It works, Thank you very much! :)


Best regards

Fabian Tschiba

glad to hear that from you :)

please marked as solution so if anyone needed will easily get answer

Hi Fabian,

You can have a look at the CSS position's value 'sticky'.

position: sticky;

You can assign this to the TH-element for example. You can find examples here: https://www.w3schools.com/howto/howto_css_sticky_element.asp

Goodluck!

Hello Fabian,

1)Add this CSS in page or application level

.sticky-header
{
    position: sticky;
    top:50px;
    
}
(top value is changeable on that bases it will be stick after 50px it will stick likewise,you will also able to give that in % as well) right now i give 50 px because we have header in application so it will stick inside that so for visibility i am giving that its depend on you where you want to stick 

2) call that CSS in table in the table header property

3) DEMO Link : DEMO

hope this well helps you,

Thanks and Regards,

Akshay Deshpande

Hello Akshay,

It works, Thank you very much! :)


Best regards

Fabian Tschiba

glad to hear that from you :)

please marked as solution so if anyone needed will easily get answer

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.