• 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.
Essential Studio
All Controls

Example of Filter Menu in ASP.NET Core 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.

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 and while Excel filter type is selected, you can sort the column using the sorting option available in the excel filter dialog.