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

header and appointment table

Is there a way to make the header, part of the appointment table? The reason is if you set up the schedule without a timescale and a larger cell width (see below), the appointment area scrolls but the header does not so you lose all sense of connection. If there is a way to link them or setup the row as part of the table so that the header will scroll as well. 


        currentDate: new Date(2015, 11, 7),
        showTimeScale: false,
        timeScale: {enable: false},
        cellHeight: "50px",
        currentView: ej.Schedule.CurrentView.Workweek,
        views: ["Day","Week","WorkWeek","Month","Agenda"],
        cellWidth: "300px",
        group: {
            resources: ["Owners"]
        resources: [{
            field: "ownerId",
            title: "Owner",
            name: "Owners",
            resourceSettings: {
                dataSource: [{
                    text: "Nancy",
                    id: 1,
                    color: "#f8a398"
                }, {
                    text: "Steven",
                    id: 3,
                    color: "#56ca85"
                }, {
                    text: "Michael",
                    id: 5,
                    color: "#51a0ed"
                text: "text",
                id: "id",
                color: "color"
        appointmentSettings: {
            resourceFields: "ownerId",
            dataSource: [{
                Id: 1,
                Subject: "Music Class",
                StartTime: new Date("2015/11/7 06:00 AM"),
                StartTimeZone: "UTC +05:30",
                EndTime: new Date("2015/11/7 07:00 AM"),
                EndTimeZone: "UTC +05:30",
                Description: "Never Giveup on Obstacles",
                location: "US",
                AllDay: false,
                Recurrence: true,
                RecurrenceRule: "FREQ=WEEKLY;BYDAY=MO,TU;INTERVAL=1;COUNT=15",
                Categorize: "1",
                Priority: "medium",
                ownerId: 3,
                RecurrenceId: 1,
                RecurrenceExDate: null

5 Replies

MP Mahesh Palanisamy Syncfusion Team July 11, 2016 12:23 PM UTC

Hi David, 

Thank you for contacting Syncfusion support.  

By default, Scheduler header(where the Date and View navigation options are present at the top of the control) position is static and it is not possible to scroll it. If the header is made to scroll, while scrolling it to the extreme right, you may lose its visibility and couldn’t track easily on which date the scheduler is currently displaying. Therefore, it is kept to remain static. Apart from the navigation (top-level) header bar, the other date and resource header cells which lies below it can be moved back and forth, while performing scroll action. 

Kindly revert back to us with clear information, if we have misunderstood your requirement. Also, please let us know, if you need any further assistance on this. 


DB David Barrett July 11, 2016 04:24 PM UTC

The resource header cells with the dates is what I would like to scroll but they do not, unlike what you are saying. I am not wanting the view and date range changer to move, I am asking about the sections below. I have included an image to show you what I am talking about. 

Attachment: Capture_2c4f9ca8.zip

KK Karthigeyan Krishnamurthi Syncfusion Team July 13, 2016 12:11 PM UTC

Hi David,  
We have created an incident for the reported problem in this query and would request you to have a follow up with the below incident link for further update on this.  
Please let us know, if you need any other further assistance on this.  

MC MAINAUD Cyril May 3, 2017 09:42 AM UTC

Same problem for me with the fixed header.
We want to used scheduler like a table.
Any solution ?

Attachment: problem_1a655009.zip

KK Karthigeyan Krishnamurthi Syncfusion Team May 4, 2017 10:53 AM UTC

Hi Cyril, 
In this forum, the reported issue is like the below image and it is fixed in our latest release version In your image, no Schedule control is rendered, please provide more details related to Schedule control to proceed further.  

Live Chat Icon For mobile
Up arrow icon