Header rows in TypeScript Scheduler control
18 Nov 20181 minute to read
The Timeline views support additional header rows other than its default date and time header rows. To show individual header rows for displaying year, month and week separately using the headerRows property. This property is applicable only on the timeline views. The possible rows which can be added using headerRows property are as follows.
YearMonthWeekDateHour
The
Hourrow is not applicable for Timeline month view.
The following example demonstrates the Scheduler displaying all the available header rows on timeline views.
Display year and month rows in timeline views
To display the Timeline Scheduler with only year and month information, specify the Year and Month options within the headerRows property.
Display week numbers in timeline views
Week numbers can be displayed in a dedicated header row of the timeline Scheduler by including the Week option within the headerRows property.
Timeline view displaying dates of a complete year
A complete year can be displayed in a Timeline view by setting interval value as 12 and defining TimelineMonth view option within the views property of Scheduler.
Customizing the header rows using template
The header row text can be customized and formatted content or images can be displayed using the template option available within the headerRows property.
You can refer to our JavaScript Scheduler feature tour page for its groundbreaking feature representations. You can also explore our JavaScript Scheduler example to knows how to present and manipulate data.