GridPanel排序

上午实现了GridPanel分页的排序。
发现一个问题，点标题是总是标题的高度自动增加，并在下方显示排序的箭头。
想去掉箭头。修改了.sort-asc .x-grid3-sort-icon中的background-image箭头没有了，但高度还是改变。后来发现GridView的updateSortIcon方法实现加箭头，我想重载该方法，但是他是private不知道该怎么弄。
最后没办法，找到GridView重名了一下，自己修改成Ext.grid.ExtGridView，把updateSortIcon方法改了一下，同时修改了forceFit，如果标题宽度大于屏幕宽度，不调整。
这样做之后没法提示用户现在是按升序还是降序，最后在Ext.ux.StatusBar中提示。
代码：

var statebbar=new Ext.ux.StatusBar({
    id: 'statusbar',
    defaultText: '',
    clear:true,
    iconCls: 'x-status-valid'
});
var toolBar = new Ext.Toolbar( {
	height:25,
	items : [{
			    xtype:'button',
			    id : 'xbtnSaveForm',
				text:'保存',
				icon:urlPath+'../Images/common/disk.png',
				cls: 'x-btn-text-icon'
			},'->',
			statebbar]
});
var showGridPanel = new Ext.grid.GridPanel( {
	border : false,
	bodyStyle : 'text-align:left',
	region : 'center',
	layout:'fit',
	columnLines :true,
	enableColumnHide:false,
	enableHdMenu :false,
	aoutHeight:true, 
	tbar : toolBar,
	bbar : pageBar,
	columns : MyGridPanelColumns,
	ds : jsonStore,
	sm : new Ext.grid.CheckboxSelectionModel( {
		dataIndex : 'TID',
		singleSelect : true,
		listeners : {
			rowselect : function(sm, row, rec) {
				NOW_SELECTED = row;// 行号
			}
		}
	}), 
	view : new Ext.grid.ExtGridView({
	        forceFit:true
	}),
	listeners :{
		sortchange :function(grid, sortinfo){
			statebbar.setStatus({
		        text: '现在正按  '+CLICKHEADCOL+' 的'+((sortinfo.direction=='ASC')?'升序':'降序')+'排序！',
		        clear: true
		    }); 
			PAGE_ORDER = sortinfo.field+" "+sortinfo.direction;
			loadCommData(MyQueryColumnName);
		},
		headerclick :function(thisgrid, conlumeindex,e) {
			var colName = thisgrid.getColumnModel().getColumnAt(conlumeindex).header;
			CLICKHEADCOL = colName.substring(8,colName.length-9);
			if(thisgrid.getColumnModel().getColumnAt(conlumeindex).sortable == false){
				statebbar.setStatus({
	                text: CLICKHEADCOL+'，不能排序！',
	                clear: true
	            }); 
			}
		}
	}
});