Skip to main content Skip to footer
Advanced Filtering in Blazor Applications

Provide Advanced Filtering in Blazor Applications

ComponentOne DataFilter enables you to provide multiple data filters to users at runtime. Similar to Amazon and other e-commerce advanced search tools, the Blazor DataFilter control makes a great side-bar interface to help users find what they’re looking for.

  • Autogenerate the filter panel UI from the data source or create it manually
  • Connect to any data-aware controls such as datagrids, lists, treeviews, and charts
  • Support for virtual data sources in Blazor Server and WebAssembly

Why Choose DataFilter for Blazor?

Separate Filter

Separate Filter UI

With DataFilter you can easily separate all your filtering UI to a single panel in your application.

End-User Filtering

End-User Filtering

DataFilter enables the end-user to filter across multiple dimensions quickly at runtime.

Quickly Style Apps

Rapid UI Development

The entire Blazor filter UI can be generated automatically based up on the data types.

Blazor Filter Key Features

Filter Different Data Types

The DataFilter control provides many types of filters, including bool, range, date range, checklist, calendar, and custom filters. These filters can be generated automatically by the control, according to the data. Filters can be added programmatically. Filter criteria can also be serialized deserialized to XML to easily save and load filter expressions as needed.


Build Conditional Filters

Build a complete filtering UI on the side of your application with support for conditional filters. Conditional filtering lets users filter more precisely with conditions like "Greater Than" and "Starts With" for various data types. Plus, your users can append multiple condition filters together easily using AND/OR logic.

Show Filter Summaries

The DataFilter control allows you to configure and display aggregate summaries for each filter. This feature makes it easier for you to analyze the count, sum, maximum, and minimum values of the filter items.

Customize the Filter UI

The accordion-based filtering UI can be attached to any control sharing a datasource or plugged into an info screen, and the appearance is highly customizable. The DataFilter control provides dedicated class for each of its element which makes it easier to customize the appearance of the control and its elements. Provide additional information about the filters in a custom tooltip.

Visually Build Expressions with FilterEditor

The additional FilterEditor component works with the DataFilter and enables the end-user to quickly build category-based and/or filter expressions. The control can be bound to a data source, and it will automatically provide visual options to create expressions based on available fields.

Filter Against Virtual Data Sources

The DataFilter control can be easily paired up with any data-aware control like data grids, lists, treeviews, charts or maps. It also works with other toolkit controls. Data bind to any .NET data source including virtual sources thanks to our DataCollection.