Hello Aldrin,

Thank you for posting in our community.

By design, simple filtering mode is inline, which means that all filters are rendered for every column header, below the respective column header cell. These editors are rendered based on the corresponding column`s type. By default there is a drop down with all the conditions for a certain type. For example, if there is a string column the default filters are: "Starts with", "Ends with", "Contains", "Does not contain", "Equals", "Does not equal". You can control which conditions to display for a certain column via conditionList option in the columnSettings of Filtering feature. For example:

//Initialize
$(".selector").igGrid({
    features: [
        {
            name : "Filtering",
            columnSettings : [{
                columnKey: "ProductNumber",
                conditionList: ["startsWith", "contains"]
            }]
        }
    ]
});

In addition to the default conditions you can add custom filtering conditions which correspond to your logic via customConditions option.

From version 18.2 we introduced the ability to create a custom editor provider for the filter cell. This means that you can extend the igEditorProvider class and set your own editor to filter the igGrid content. A working sample illustrating how to use EditorProviderCombo to customize the filtering fields can be found here.

Please let me know if you have any additional questions regarding this matter.