Добавление всплывающей подсказки к динамически отображаемым значкам в Grid Ext JS 3.4

Question

К столбцу в Grid я добавляю значки (png), используя свойство meta.css из функции рендерера. Мне нужно добавить всплывающую подсказку к отображаемым значкам, но используя приведенный ниже код, я не смог отобразить всплывающую подсказку при наведении на значок, но подсказка отображается в пустой области в этом столбце.

var getProductTypeIconResultGridColumn = function() {
    return IconResultGridColumn = {
        header: '', 
        dataIndex: 'PRODUCTTYPE',
        id: 'productTypeIconResultGridId',
        sortable:false,
        width: 30,
        renderer:function(value,meta,rec,rowInd,colInd,store)
        {
            var productType = rec.json.PRODUCTTYPE;
            if (resultGridProductIconName[productType] !== undefined && resultGridProductIconName[productType] !== null) {
                meta.css = resultGridProductIconName[productType];
            }
            if (resultGridProductTooltips[productType] !== undefined && resultGridProductTooltips[productType] !== null) {
                 meta['attr'] = 'ext:qtip="' + resultGridProductTooltips[productType] + '"'; 

            } 

        }
    }   
};