GridView Width Problem

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.

Attachment 35549

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

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.

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..

Code:

---

                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

Code:

---

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

Code:

---

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

---