Combine multiple filters PRO
Configure multiple filter conditions within one column.
Consider showing products containing Sensor that also belong to an allowed product list.
View code
Sample data included in the code · 6 rows
Usage guide
#Combine name search and value selection within one Product column. This differs from using several columns' filters at once.
Integration steps
- Define conditions for one column
Consider showing products containing Sensor that also belong to an allowed product list.
- Configure child filters
Assign a Multi filter to the column and define its child filter types and order.
- Verify condition combinations
Change child conditions individually and inspect displayed rows. Prepare the same child configuration when restoring saved filter state.
Users can set several kinds of conditions inside one column filter.
Multi filter uses a different configuration from basic text/number filters. This example has no Multi filter controls; add child filters to your app's column definitions.
Useful terms
- Child filter
- An individual filter operating within a Multi filter.
- Filter model
- Stored values representing user-selected conditions.
Using this feature in your product requires the Pro runtime and a valid license.
API reference
#ColumnDef1
| ColumnDef | Type / Required | Description |
|---|---|---|
PRO OPTION | | ColumnFilterDecl
| string
| GridFilterDefinition<TData, TValue, unknown, TContext>Optional | Filter type. `true` enables the built-in text filter; `false` disables it. an ordered array stacks several kinds on this column in one dropdown, AND-combined — see . |
Explore each feature
Learn when to use each feature and how to configure it. Each guide identifies live examples and features you connect in your app.