This sample demonstrates the Advanced Filter feature of the Data Grid, providing a Query Builder-based interface for creating complex filtering criteria. Users can filter records using multiple conditions and combine them with logical operators such as "AND" and "OR" to achieve precise results
In this demo, the Advanced Filter dialog is opened from the toolbar by enabling the allowAdvancedFiltering property and adding AdvancedFilter to the toolbar items. The Query Builder interface allows users to filter records by defining conditions and rule groups, which are applied to the grid when the "Apply" action is performed. Injecting Module: Grid component features are segregated into individual feature-wise modules. To use the Advanced Filter feature, inject the AdvancedFilter module. More information on the filter configuration can be found in this documentation section. Looking for the full TypeScript Data Grid component overview, features, pricing, and documentation? Visit our TypeScript Data Grid component page