Range Selector / Customization / Filter

Blazor Range Navigator Filter Example

Loading Syncfusion Blazor Server Demos…

This sample demonstrates data filtering by hire date using a DateTime axis in the Range Navigator, with the selected range synchronized to a Grid for contextual data filtering.

Integration workflow:

  • The Range Navigator displays data across a DateTime axis
  • Handle the navigator's Changed event to capture range selection
  • Synchronize the selected range with the Grid's filter for dynamic, coordinated data views

More information: documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE