Results 1 to 4 of 4

Thread: Grid column width

  1. #1
    Sencha User
    Join Date
    Sep 2008
    Location
    Germany
    Posts
    62

    Default Grid column width

    Hi !

    I have a problem with my simple grid. It looks like the attached screenshot no matter if I use fixed or flexible widths for the GridPanel/column.

    Code:
        // Konditionen grid
        KonditionenGrid = function() {
            KonditionenGrid.superclass.constructor.call(this, {
                renderTo: 'konditionen_grid',
                title: 'Konditionen',
                store: store,
                sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
                loadMask: true,
                height: 300,
                autoHeight: false,    
                width: 600,
                stripeRows: true,
                columns: [
                    {header: "Id", width: 50, sortable: true,  dataIndex: 'id'},
                    {header: "Summe von", width: 50,  sortable: true, dataIndex: 'summe_von'},
                    {header: "Summe bis", width: 50,  sortable: true, dataIndex: 'summe_bis'},
                    {header: "Zins(%)",   width: 50,  sortable: true, dataIndex: 'zins_prozent'},
                    {
                        xtype: 'datecolumn',
                        header: 'Gueltig Ab',
                        dataIndex: 'gueltig_ab',
                        format: 'd.m.Y',
                        sortable: true,
                        width: 50, 
                        groupRenderer: Ext.util.Format.dateRenderer('Y-m-d'),
                        editor: {
                            xtype: 'datefield',
                            allowBlank: true
                        }
                    },{
                        xtype: 'datecolumn',
                        header: 'Gueltig Bis',
                        dataIndex: 'gueltig_bis',
                        format: 'd.m.Y',
                        sortable: true,
                        width: 50, 
                        groupRenderer: Ext.util.Format.dateRenderer('Y-m-d'),
                        editor: {
                            xtype: 'datefield',
                            allowBlank: true
                        }
                    }                
     
                ],
                plugins: konditionenGridFilters,
                viewConfig: {
                    autoFill: true,
                    forceFit: true
                },
                tbar:[{
     
    ... Toolbar etc.
    The columns are always out of alignment.

    Can anyone give me a hint ? Thank you ...
    Attached Images Attached Images

  2. #2
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,488

    Default

    Use Firebug to inspect the markup, are you using any custom CSS with the grid? If you remove the custom css does this issue still occur? Does it happen in all browsers?
    Aaron Conran
    @aconran

  3. #3
    Sencha Premium Member steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,676

    Default

    Column also have an "align" property
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  4. #4
    Ext User Stripeman's Avatar
    Join Date
    Apr 2008
    Location
    Heidelberg Germany
    Posts
    275

    Default

    remove these and see if your issue persists

    autoFill: true,
    forceFit: true

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •