• 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 Default Filtering in ASP.NET Core Data Grid Control

This sample demonstrates the Grid Default Filtering feature. In this sample, type the value in the filterbar and press enter to filter particular column.

Enable Filterbar Operator

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. A filter bar row will be rendered next to header which allows the end-users to filter data by entering text within its cells.

Filterbar uses two modes which specifies how to start filtering. They are,

  • Onenter - Enabled by default, filter will be initiated after pressing Enter key.
  • Immediate - Filter will start after user ends typing. This uses a time delay of 1500ms to initiate filter after use stops typing. It can be overridden using the filterSettings->immediateModeDelay property.

In this demo, you can type the text in the filter bar cells to filter the Grid.

Additionally, the grid records can also be filtered based on the selected filterbar operator. It can be enabled by setting
filterSettings->showFilterBarOperator property as true.

In this demo,

  • To enable or disable filterbar operator feature, check or uncheck the checkbox in the properties panel.
  • Now select the required filtering operator in the dropdown list on the filter bar cell and type the text in the filter bar cell to filter the Grid.