Skip to content

[add] note on comboFilter vs selectFilter for large data #125

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mafanya23 merged 1 commit into from
Jul 28, 2026
Merged

[add] note on comboFilter vs selectFilter for large data #125

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions docs/grid/configuration.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1418,7 +1418,11 @@ Allows end users to filter data of a column by choosing an option from a present
}
~~~

**Related sample**: [Grid. Header filters (dateFilter, comboFilter, inputFilter, selectFilter](https://snippet.dhtmlx.com/4qz8ng3c)
**Related sample**: [Grid. Header filters (dateFilter, comboFilter, inputFilter, selectFilter)](https://snippet.dhtmlx.com/4qz8ng3c)

:::note
If you work with large data sets, it is recommended to use **comboFilter** instead of **selectFilter** as header filters. Unlike selectFilter, comboFilter renders its options dynamically (the `virtual` property of `filterConfig` is enabled by default), so it does not render all options at once and performs better with a large number of filter values.
:::

- **comboFilter**

Expand All @@ -1445,7 +1449,6 @@ If you specify **comboFilter** as the header or footer content of a column, you
- **placeholder** - (*string*) sets a placeholder in the input of ComboBox
- **virtual** - (*boolean*) enables dynamic loading of data on scrolling the list of options, *true* by default
- **template** - (*function*) a function which returns a template with content for the filter options. Takes an option item as a parameter
-
~~~jsx
{
id: "category",
Expand All @@ -1456,7 +1459,7 @@ If you specify **comboFilter** as the header or footer content of a column, you
}
~~~

**Related sample**: [Grid. Header filters (dateFilter, comboFilter, inputFilter, selectFilter](https://snippet.dhtmlx.com/4qz8ng3c)
**Related sample**: [Grid. Header filters (dateFilter, comboFilter, inputFilter, selectFilter)](https://snippet.dhtmlx.com/4qz8ng3c)

#### Redefining the default sorting for comboFilter

Expand Down
Loading