Image in Header

[mikep]

I'm defining a column like this, to get text and image in the header, but when looking at the fields filter for this column, the entire title (to include the span html) displays.
title: "<span title = 'Desc goes here'>Column Text <img src='Images/Info.svg' /></span>",

Is there another way to add a column with text + image, so that when you view the available fields to filter, the title excludes the html? In the case above it should only display "Column Text" in the fields filter.

[paramvir]

you can use menuUI option to extract text onlly from titles in menu.

Code: [Select]

        menuUI: {
            gridOptions:{
                columnTemplate: {
                    renderLabel: function(ui){
                        //debugger
                        const spanElement = document.createElement('span');
                        spanElement.innerHTML = ui.cellData
                        spanElement.innerHTML = spanElement.innerText;
                        return spanElement.innerText;                   
                    }
                }
            }
        },