Merge pull request #93 from DHTMLX/comboFilter-initial-sorting-4961

Combo filter default sorting

Author: mafanya23

docs/grid/configuration.md

@@ -1445,7 +1445,7 @@ 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",
@@ -1458,6 +1458,19 @@ 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)
 
+#### Redefining the default sorting for comboFilter
+
+By default the elements of the comboFilter are sorted by ID. You can modify the way of sorting elements in this type of the filter inside the handler of the [`beforeOpen`](/combobox/api/combobox_beforeopen_event/) event. For example, you can specify that the options in the comboFilter should be sorted by value in the following way:
+
+~~~jsx
+const comboFilter = grid.getHeaderFilter("access").getFilter();
+comboFilter.events.on("beforeOpen", function() {
+    comboFilter.data.sort({
+        by: "value",
+    });
+});
+~~~
+
 - **dateFilter** 
 
 :::tip pro version only