//zusätzliche headerCss-einstellung für ColumnModel
Ext2.grid.GridView.baseGetColumnStyle = Ext2.grid.GridView.prototype.getColumnStyle;
Ext2.grid.GridView.prototype.getColumnStyle = function(col, isHeader){
    var style = Ext2.grid.GridView.baseGetColumnStyle.apply(this, arguments);
    if (isHeader && this.cm.config[col].headerCss) {
        style += this.cm.config[col].headerCss;
    }
    if (isHeader && this.cm.config[col].headerIcon) {
        style += String.format('background-image: url({0}); '+
                               'background-repeat: no-repeat; '+
                               'background-position: 5px 4px;',
                               this.cm.config[col].headerIcon);
    }
    return style;
};

//Workaround für Bug beschrieben hier:
//http://extjs.com/forum/showthread.php?p=205062#post205062
//!!!! entfernen wenn in ext behoben
Ext2.grid.GridView.prototype.afterRender = function(){
    this.mainBody.dom.innerHTML = this.renderBody();
    this.processRows(0, true);

    if(this.deferEmptyText !== true){
        this.applyEmptyText();
    }
};

//zusätzliche headerCss-einstellung für ColumnModel
Ext2.grid.GridView.baseGetColumnStyle = Ext2.grid.GridView.prototype.getColumnStyle;
Ext2.grid.GridView.prototype.getColumnStyle = function(col, isHeader){
    var style = Ext2.grid.GridView.baseGetColumnStyle.apply(this, arguments);
    if (isHeader && this.cm.config[col].headerCss) {
        style += this.cm.config[col].headerCss;
    }
    if (isHeader && this.cm.config[col].headerIcon) {
        style += String.format('background-image: url({0}); '+
                               'background-repeat: no-repeat; '+
                               'background-position: 5px 4px;'+
                               'padding: 0 0 0 20px;',
                               this.cm.config[col].headerIcon);
    }
    return style;
};

//Workaround für Bug beschrieben hier:
//http://extjs.com/forum/showthread.php?p=205062#post205062
//!!!! entfernen wenn in ext behoben
Ext2.grid.GridView.prototype.afterRender = function(){
    this.mainBody.dom.innerHTML = this.renderBody();
    this.processRows(0, true);

    if(this.deferEmptyText !== true){
        this.applyEmptyText();
    }
};

Add padding to headerIcon column to avoid text overlapping the icon
Add padding to headerIcon column to avoid text overlapping the icon
