1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    16
    Vote Rating
    0
    asifu9 is on a distinguished road

      0  

    Default Grid Panel displaying hidden column in IE 8

    Grid Panel displaying hidden column in IE 8


    Hi,

    I have a grid that work perfectly in IE7 and IE9, but in IE8 its showing hidden columns without header which causing inconsistency of alignment of data in grid.

    Here is the code:
    Code:
    items:[        {
            xtype: 'grid',  
            id:'summaryPanel',            
            cls: 'custom-grid',
            width: 640,
            height: 325,    
            x: 5,
            y: 5,       
            border: false,
            loadMask: true,  
            columnLines: true,
            scroll: false,        
            renderTo: Ext.getBody(),        
            viewConfig:{
                style: {  overflowX:'hidden',trackOver:'true',overflow: 'auto',stripeRows: 'true', 'background-color':'#f2f2e8', 'border-color': '#d2cfb0' }
            },
             features: [{
                    ftype: 'summary'
                }],
            store: 'QHOS.store.driverviolation.summarystore',
            columns: [{
                header: 'Depot',    
                style: 'text-align:center',
                align: 'left',
                //width: 75,
                sortable: true,
                menuDisabled : true,            
                dataIndex: 'DEPOTNAME',
                flex: 1,
                draggable : false,
                tdCls: 'custom-column',
                },
            
            {
                header: 'DepotId',                
                //width: 75,
                sortable: true,
                menuDisabled : true,            
                hidden: true,
                hideable: false,
                dataIndex: 'DEPOTID',
                align: 'center',
                draggable : false,
                flex: 1            
            },
            .
            .
            }],
            selType: 'cellmodel'        
        }]
    See the attached image for more information: circle data is hidden field data.

    Need your help on this to hide hidden column filed data for IE 8 browser. (IE 8 + Document mode IE 8)

    Thanks,
    Asif
    IE8 hidden column.jpg

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You have hidden set to true but hideable set to false? Kind of contradicting isn't it? Just first thing I saw.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    16
    Vote Rating
    0
    asifu9 is on a distinguished road

      0  

    Default


    I already tried with hideable=true, but no joy. Still its displaying hidden column data, but not the header.

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    What Ext JS 4.x.x version are you using?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    16
    Vote Rating
    0
    asifu9 is on a distinguished road

      0  

    Default


    Its Ext JS 4.0.1

Thread Participants: 1

Tags for this Thread