Header Rows in JavaScript Scheduler
Timeline views support additional header rows beyond the default date and time headers. Use the headerRows property to show rows such as:
YearMonthWeekDateHour
Note: the Hour row is not applicable for the Timeline month view.
The following example demonstrates the Scheduler displaying all available header rows in a timeline view.
Display year and month rows in timeline views
To display a timeline with only year and month information, specify the Year and Month options in the headerRows property.
Display week numbers in timeline views
Display week numbers in a dedicated header row by including the Week option in the headerRows property.
Timeline view displaying dates of a complete year
Show a complete year in a Timeline view by setting the interval value to 12 and adding the TimelineMonth view to the Scheduler’s views property.
Customizing the header rows using template
Customize header row text, formatted content, or images using the template option of the headerRows property.
Refer to our JavaScript Scheduler feature tour page for comprehensive feature demonstrations. You can also explore the JavaScript Scheduler example to learn how to present and manipulate data.