GridView Width Problem

[splat1985]

I using gridview on my project. But gridview disbanded of to many columns.

I have a problem like this. My English is very bad. Sorry for that

Edit: no problem in Firefox , problem in Chrome ?? But it did not have before.

soru.jpg

[darthwes]

OK, see http://www.sencha.com/forum/showthre...-Google-Chrome

[scottmartin]

In looking at your screenshot, it seems your grid is getting cutoff at the CAN field?
Can you provide some code to show how you are rendering this? Seems you are using custom HTML instead of the renderers provided? Seems like 2 grids or something.

Scott.

[splat1985]

Thank you for replys,

Darthwes this is same problem. I think this a chrome problem. I trying in firefox and working.. When solve this issue chrome team?

Scottmartin i use only one grid and with standart grid property. But diffirently create dynamically of grid columns. you can find this codes following..

                loadMask: true,                
                trackMouseOver: false,
                columnLines: true,
                stripeRows: true,
                store: store,
                columns: [
                    new Ext.grid.RowNumberer({width: 50}),
                    {
                        dataIndex: 'sto_isim',
                        header: 'Stok ?smi',
                        sortable: true,
                        width: 200
                    },{
                        dataIndex: 'sfiyat',
                        header: 'Fiyat',
                        sortable: true,
                        width: 100,
                        align: 'right',
                        renderer: function(v) {
                            return Ext.util.Format.number(v, '0.00 TL');
                        }
                    },{
                        dataIndex: 'urunSubelerTopSatis',
                        header: 'Sube. Top.',
                        sortable: true,
                        width: 90,
                        align: 'right',
                        hidden:true
                        /*renderer: function(v) {
                            return Ext.util.Format.number(v, '0.00');
                        }*/
                    },{
                        dataIndex: 'urunSubelerTopFiyat',
                        header: 'Top. Tutar',
                        sortable: true,
                        width: 95,
                        align: 'right',
                        hidden:true,
                        renderer: function(v) {
                            return Ext.util.Format.number(v, '0.00 TL');
                        }
                    }],

.. others codes like toolbar

Edit: This is overwrite method of GridPanel

addAllColumns: function(columns) {            
            var me = this;
            Ext.each(columns, function(column) {
                me.addColumn({
                    align: 'center',
                    sortable: true,
                    renderer: function(v) {
                        var value = isNaN(parseFloat(v)) ? 0 : v;
                        if (value == 0 ) {
                            return value;
                        } else if(value< 0) {
                            return "<span style='color:red;'>" + value + "</span>";
                        } else {
                            return "<span style='color:green;'>" + value + "</span>";
                        }
                    },
                    dataIndex: column.code,
                    header: column.code,
                    width: 40
                });
            });
        },

Get all columns from constants

listeners: {            
         beforeRender: function(grid) {
                var depots = Constants.getAllDepots();
                grid.addAllColumns(depots);
        }
},