extjs5 grid 实现tip,解决表格长度不够内容显示的问题

因某些字段的内容较多，表格的宽度不够显示全部内容，在ie中会用...代替剩余内容。使用tip可以使鼠标放在表格上，弹出全部内容显示。

Ext.tip.QuickTipManager.init();
//前面要加上这句
//columns中要显示的列加上renderer
var mainGrid = Ext.create('Ext.grid.Panel,{
    region:'south',
    border:false,
    layout:'fit',
    store:mainstore,
    xtype:'paging-grid',
    colums: [
                DD.CM("originalText",{text:"公告原文",width:2800,
                             renderer:function (value,metaData,record,collndex,store,view){
            metaData.tdAttr = 'data-qtip="' + value +'"';
            return value;
    }}),
                DD.CM("sourceFrom",{text:"来源渠道",width:100})],
    tbar:[
            {text:'查询',
                handler:function() {
                        if ......

在公告原文这一列加一个renderer，可以实现鼠标放在列上，显示全部内容。