• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

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

This sample demonstrates the way of filtering Grid columns using menu, checkbox and excel filter UI. In this sample, click the filtering icon from column header to show filter UI for a particular column. You can change the filter type from the properties panel and while Excel filter type is selected, you can sort the column using the sorting option available in the excel filter dialog.

Filter Type

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

Grid supports the following filter types. They are

  • FilterBar
  • Menu
  • CheckBox
  • Excel
you can change the filter type by setting FilterSettings->Type

In this demo, filter menu enabled by default , you can switch to other filter type by using dropdown.