Header filter values

I’m updating from version 4.1.2 to version 9.0.4

I have a grid with a header column filter defined with:

{ “width”: 80, “id”: “1”, “header”: [{ “text”: “Nest Name”, “tooltip”: true, “css”: “gfcT1Hcustom” }, { “content”: “inputFilter” }] }

The user chooses a value in the filter and the grid is filtered for just those values. However, when the user clicks on the filter dropdown again, they only see the value they entered previously. In version 5 they would still see all the available values in the complete table.

Is there a way to still see all the values in the filter dropdown.

Thank you.

Hi,

At the moment, inputFilter does not provide a dropdown list. However, based on your description, selectFilter or comboFilter might be a better fit.

In the comboFilter, you can set readonly: true in the configuration — this will disable text input while keeping all the dropdown options visible, even after selecting a value.

Here’s an example: DHTMLX Snippet Tool

Here’s the documentation about filters: JavaScript Grid - Configuration | DHTMLX Suite 9 Docs