javascript html5 scheduler row header scrolling

You can enable a horizontal scrollbar for the JavaScript Scheduler row headers. The row header container will have the specified width, regardless of the total column width. It lets you display a much larger number of columns in the Scheduler headers, without making the main grid smaller.

  • The value specified using rowHeaderWidth will be used for the total width.

  • This option can be combined with the row header width auto-fit feature.

  • This option also activates a splitter between row headers and the scheduler grid. This lets users resize the row header container.


To enable the horizontal scrollbar for the row header, set the rowHeaderScrolling property to true:

const scheduler = new DayPilot.Scheduler("dp", {
  rowHeaderScrolling: true,
  // ...