Angular Data Grid filter modes.

Filtering modes

Filtering modes provide different interfaces for narrowing records, including filter bar, menu, checkbox, and Excel-like filtering options. Multiple filtering approaches are suitable when applications require different ways to define column-level criteria.


Excel-like filter

The Excel-like dialog combines value selection, search, and advanced condition-based filtering in one interface. Combined value and condition filtering is suitable when detailed criteria must be defined for a column.

Angular Data Grid filter rows using Excel-like filter.


Angular Data Grid customized filter UI.

Custom filter/extensible filter UI

Custom filtering supports column-specific interfaces and filtering logic based on the data type or application requirements. Application-defined controls are suitable when the built-in filtering options do not match the required interaction or criteria.


Built-in search locates matching records through the toolbar search box or programmatically, with settings to configure matching behavior. Record lookup is suitable when values need to be found across multiple searchable columns from a single input.

Angular Data Grid search data.


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

140+ ANGULAR UI COMPONENTS

Scroll up icon
Syncfusion Feedback