I have the following custom grid column :

Ext.define('OrderStatusColumn', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.OrderStatusColumn',

    text: 'Status',
        
    filter: 'list',
    
    renderer: function(value, metaData) {
        metaData.style = "text-align: left;";                
        var columnInstance = metaData.column;
        var processValue = columnInstance.resolveLookupValue(columnInstance, value, metaData.record);
        var tooltipText = Ext.util.Format.htmlEncode(processValue);
        metaData.tdAttr = 'data-qtip="' + tooltipText + '"';
        var iconHtml = '';
        switch (value) {
            case 'Draft':
                iconHtml = '<i class="fa-regular fa-sticky-note x-font-awesome-family-regular color-main-base" style="font-size: 18px;margin-right:5px;"></i>'; 
                break;                   
            default:
                iconHtml = '<i class="fa-regular fa-question-circle x-font-awesome-family-regular color-main-base" style="font-size: 18px;margin-right:5px;"></i>';
                break;
        }
        return iconHtml + '<span class="span-overflow-hide" style="display: inline;">' + processValue + '</span>';
    }

});

It displays an icon next to the string value.
Is it possible to add the same icon in the filter values?

The grid is using the plugin ‘gridfilters’