React Scheduler - scrolling

Configures scrolling.

Selector: Scrolling
Type: dxSchedulerScrolling

Scrolling allows a user to browse data outside the current viewport. Information about the available scrolling modes is in the mode property description.

View Demo

See Also

mode

Specifies the scrolling mode.

Type:

ScrollMode

Default Value: 'standard'

The following scrolling modes are available:

  • Standard
    All appointments are simultaneously loaded into the DOM, and the whole grid is rendered.

  • Virtual
    Appointments are loaded into the DOM when they get into the viewport and are then removed once they leave it; the grid is rendered within the current viewport only. View Demo.

NOTE

  • Virtual mode is available for all views except "agenda".

  • Specify the component's height if you use virtual scrolling. Do not use relative units for height (it prevents Scheduler from maintaining fixed dimensions for virtual scrolling to work correctly).