Extjs4:给Grid的Column加上提示

在Grid中展示的内容超出column设定的宽度，如果鼠标移到单元格上能提示完整的内容，给人的感觉会相对友好些。
还是引用之前的例子《Extjs4：给Grid的Header加上提示》,在公司名称列，如果长度超过10，截取10个字符，加省略号显示，其实是引用上一次做例子《Extjs4:改变Grid单元格背景色》中最后提到的metaData中tdAttr，先看效果：

代码：

{
                    xtype: 'gridcolumn',
                    sortable: false,
                    dataIndex: 'company',
                    flex: 1,
                    text: '公司',
                    tooltip: '公司名称',
                    renderer: function(value, metaData, data) {
                    	var cname = value;
                    	if(value.length>10){
                    		 metaData.tdAttr = 'data-qtip="'+value+'"';
                    		cname = value.substring(0,10)+"...";
                    	}
                        return cname;
                    }
                }