Range Selector / Customization / Filter

Blazor Range Navigator Example - Data Filtering Interaction Support

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.