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

Add header text


I want to add custom text to the schedule header. How can I do it in angular project ?

Best reguards

1 Reply

SK Sarath Kumar P K Syncfusion Team August 20, 2015 09:15 AM UTC

Hi Kovacs,

Thank you for using Syncfusion products.

We have prepared a schedule angular sample to add the custom text on schedule header which can be downloaded from the following location.

JS Playground link : http://jsplayground.syncfusion.com/ktvttn1t

In the above sample we did append the customText element to show the custom text on schedule header.

$(function () {

            $("#Schedule1").find("tr.e-scheduleheader td").first().append("<div class='customText'>Custom Text</div>");   //Append the custom text to schedule header


        .customText {       //Css style for customText div


            margin: 17px 20px 0px 0px;



Note: If we misunderstood your mentioned requirement, kindly share us more information on your requirement how you expect to add the custom text on schedule header. The information provided will be more helpful for us to analyze further and provide you solution at the earliest.

Please let us know if you need further assistance.

Sarath Kumar P K

Live Chat Icon For mobile
Up arrow icon