We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Set header fixed

We would like to have the header to be fixed on top when the user scrolls down. Any suggestions how to configure this.

3 Replies

BS Balasubramanian Sattanathan Syncfusion Team November 22, 2019 11:59 PM

Hi Johnny, 

Greetings from Syncfusion Support. 

We have prepared sample based on your requirement using below CSS.  

.e-check::-webkit-scrollbar {  
    display: none;  

.e-schedule .e-schedule-toolbar-container {  
    position: fixed !important;  
    top: 0px !important;  
    left: 0px !important;  
    z-index: 10 !important;  
    width: 100%;  

Kindly check the above sample and let us know if you need any further assistance on this. 

Balasubramanian S 

JO Johnny December 20, 2019 01:27 AM

Thx. solved it by setting the height fixed.

VD Vinitha Devi Murugan Syncfusion Team December 20, 2019 06:43 AM

Hi Johnny, 
Thanks for your update. 
We are happy that the problem has been resolved at your end. 
M.Vinitha devi 

Live Chat Icon For mobile
Up arrow icon