[3.3.x] [FIXED-1173] grid column width problem on webkit browsers

[maksimenko]

Hello there,

Since the grid refactoring, all the columns in a grid (with forceFit: true, inside a layout: border, region: center) are rendered with the same width on webkit browsers (tested on chrome 5.0.375.125 & chromium 6.0.483.0 - 54509)

The problem is a missing + "px" on the Ext.isNumber & if (Ext.isBorderBox || (Ext.isWebKit && !Ext.isSafari2)) case...

Ext.override(Ext.grid.GridView, {
    getColumnWidth: function (column) {
        var columnWidth = this.cm.getColumnWidth(column),
            borderWidth = this.borderWidth;

        if (Ext.isNumber(columnWidth)) {
            if (Ext.isBorderBox || (Ext.isWebKit && !Ext.isSafari2)) {
                return columnWidth + "px";
            } else {
                return Math.max(columnWidth - borderWidth, 0) + "px";
            }
        } else {
            return columnWidth;
        }
    }
});

With that it renders as expected on webkit browsers (tested also on ie non-strict, quirks mode)

Let me know if you need more info.

Thanks

[Jamie Avins]

[type]: fix
[module]: GridView
[id]: #1173
[desc]: Fixes #1173. getColumn witdth should always append 'px' to numeric values before returning.