FilterMenu

  • Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Filter Menu in ASP.NET Core Data Grid Control

This sample demonstrates the grid's multiple-type filter functionality and user interface.

DEMO
SOURCE
Filter Type :

The filtering feature enables the user to view a reduced number of records based on the filter criteria. It can be enabled by setting the allowFiltering property to true.

The grid supports the following filter types:

  • Filterbar
  • Menu
  • Checkbox
  • Excel
You can change the filter type by setting filterSettings->type.

In this demo, the filter menu is enabled by default. You can switch to other filter types using the dropdown.

Additionally, we have an on-demand data fetch functionality and UI for the checkbox/Excel filter type. It can be enabled by setting the filterSettings->enableInfiniteScrolling property to true. In this demo, on-demand data fetch is not enabled by default. To enable the on-demand data fetch for the checkbox/Excel filter type, the Enable OnDemand option must be checked after selecting the checkBox/Excel filter type using the dropdown menu.

More information on the filter configuration can be found in this documentation section.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab