1. #1
    Sencha Premium Member
    Join Date
    Jun 2007
    Posts
    34
    Vote Rating
    0
    pachama is on a distinguished road

      0  

    Default algment problem in grid on IE

    algment problem in grid on IE


    I have a problem on IE.
    A kind of empty column appear when i scroll the end right.

    as shown on attachment this empty stuff seems to produce my problem.

    I try to remove Expander pugin, renderers, last hidden columns (see aboce CM) but with no result

    this grid is an editorGridPanel in a tab panel, and i have no problem whith other grid (on next tab) which is a simple grid.


    It's a little non blocking problem but my user seems to consider it as a huge, blocking, horrible,amazing problem ....

    Ahhh.. lovely customers...

    the column model:
    Code:
    var cmFiles = new Ext.grid.ColumnModel([
            expander,
            {
               id: 'modify',
               header: "",
               dataIndex: 'modify',
               width: 20,
              renderer : renderModify
            },
                 
            {
                id: 'PERS3',
                header: "Nom<b>*</b>",
                dataIndex: 'PERS3',
                width: 130,
    	    editable : false,
                tooltip: "Nom",
                
                hidden: false
                , renderer : renderEnteteLigneFile
                , editor: edPERS3
            },
    
            
                {
                    id: 'HISTO',
                    header: "",
                    sortable: true,
                    dataIndex: 'id',
                    locked: false,
                    width: 30,
                    style: 'text-align:center',
                    renderer : renderHISTO
                },
                {
                    id: 'PDF',
                    header: "",
                    sortable: true,
                    dataIndex: 'id',
                    locked: false,
                    width: 30,
                    style: 'text-align:center',
                    renderer : renderPDF
                },
    
            {
                id: 'PA_DEVISE',
                header: "Devise<b>*</b>",
                dataIndex: 'PA_DEVISE',
                width: 40,
    	    editable : false,
                tooltip: "Devise",
                
                hidden: false
                ,renderer : renderPA_DEVISE
                , editor: edPA_DEVISE
            },
    
            
            {
                id: 'PA_RMFX',
                header: "Rémunération fixe<b>*</b>",
                dataIndex: 'PA_RMFX',
                width: 80,
    	    editable : false,
                tooltip: "Rémunération fixe",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_RMFX
            },
    
            
            {
                id: 'PA_RMFX_EURO',
                header: "Rémunération fixe (€) <b>*</b>",
                dataIndex: 'PA_RMFX_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Rémunération fixe (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_RMFX_EURO
            },
    
            
            {
                id: 'PA_CONS',
                header: "Consommé<b>*</b>",
                dataIndex: 'PA_CONS',
                width: 80,
    	    editable : false,
                tooltip: "Consommé",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_CONS
            },
    
            
            {
                id: 'PA_CONS_EURO',
                header: "Consommé  €<b>*</b>",
                dataIndex: 'PA_CONS_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Consommé  €",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_CONS_EURO
            },
    
            
            {
                id: 'PA_GARA',
                header: "Garanti<b>*</b>",
                dataIndex: 'PA_GARA',
                width: 80,
    	    editable : false,
                tooltip: "Garanti",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_GARA
            },
    
            
            {
                id: 'PA_GARA_EURO',
                header: "Garanti  €<b>*</b>",
                dataIndex: 'PA_GARA_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Garanti  €",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_GARA_EURO
            },
    
            
            {
                id: 'PA_NIVA',
                header: "Niveau actuel<b>*</b>",
                dataIndex: 'PA_NIVA',
                width: 30,
    	    editable : false,
                tooltip: "Niveau actuel",
                
                hidden: false
                ,renderer : renderPA_NIVA
                , editor: edPA_NIVA
            },
    
            
            {
                id: 'PA_NIV_REP',
                header: "Niveau proposé<b>*</b>",
                dataIndex: 'PA_NIV_REP',
                width: 30,
    	    editable : false,
                tooltip: "Niveau proposé",
                
                hidden: false
                ,renderer : renderPA_NIV_REP
                , editor: edPA_NIV_REP
            },
    
            
            {
                id: 'PA_AUGMNT_REP',
                header: "Augmentation en montant<b>*</b>",
                dataIndex: 'PA_AUGMNT_REP',
                width: 80,
    	    editable : false,
                tooltip: "Augmentation en montant",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_AUGMNT_REP
            },
    
            
            {
                id: 'PA_AUGMNT_REP_EURO',
                header: "Augmentation en montant (€) <b>*</b>",
                dataIndex: 'PA_AUGMNT_REP_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Augmentation en montant (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_AUGMNT_REP_EURO
            },
    
            
            {
                id: 'PA_AUGPCT_REP',
                header: "Augmentation en %<b>*</b>",
                dataIndex: 'PA_AUGPCT_REP',
                width: 80,
    	    editable : false,
                tooltip: "Augmentation en %",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_AUGPCT_REP
            },
    
            
            {
                id: 'PA_PROPRM_FX_REP',
                header: "Rémunération fixe proposée<b>*</b>",
                dataIndex: 'PA_PROPRM_FX_REP',
                width: 80,
    	    editable : false,
                tooltip: "Rémunération fixe proposée",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_PROPRM_FX_REP
            },
    
            
            {
                id: 'PA_PROPRM_FX_REP_EURO',
                header: "Rémunération de base proposee (€) <b>*</b>",
                dataIndex: 'PA_PROPRM_FX_REP_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Rémunération de base proposee (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_PROPRM_FX_REP_EURO
            },
    
            
            {
                id: 'PA_PROPPO_REP',
                header: "Prime sur objectifs proposée<b>*</b>",
                dataIndex: 'PA_PROPPO_REP',
                width: 80,
    	    editable : false,
                tooltip: "Prime sur objectifs proposée",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_PROPPO_REP
            },
    
            
            {
                id: 'PA_PROPPO_REP_EURO',
                header: "Prime sur objectifs proposee (€) <b>*</b>",
                dataIndex: 'PA_PROPPO_REP_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Prime sur objectifs proposee (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_PROPPO_REP_EURO
            },
    
            
            {
                id: 'PA_PROPPE_REP',
                header: "Prime exceptionnelle proposée<b>*</b>",
                dataIndex: 'PA_PROPPE_REP',
                width: 80,
    	    editable : false,
                tooltip: "Prime exceptionnelle proposée",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_PROPPE_REP
            },
    
            
            {
                id: 'PA_PROPPE_REP_EURO',
                header: "Prime exceptionnelle proposee (€) <b>*</b>",
                dataIndex: 'PA_PROPPE_REP_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Prime exceptionnelle proposee (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_PROPPE_REP_EURO
            },
    
            
            {
                id: 'PA_PROPBO_REP',
                header: "Bonus proposé<b>*</b>",
                dataIndex: 'PA_PROPBO_REP',
                width: 80,
    	    editable : false,
                tooltip: "Bonus proposé",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_PROPBO_REP
            },
    
            
            {
                id: 'PA_PROPBO_REP_EURO',
                header: "Bonus proposee (€) <b>*</b>",
                dataIndex: 'PA_PROPBO_REP_EURO',
                width: 80,
    	    editable : false,
                tooltip: "Bonus proposee (€) ",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_PROPBO_REP_EURO
            },
    
            
            {
                id: 'PA_LTIPUS',
                header: "LTIP US proposée<b>*</b>",
                dataIndex: 'PA_LTIPUS',
                width: 80,
    	    editable : false,
                tooltip: "LTIP US proposée",
                
                hidden: false
                ,renderer : renderFloat
                , editor: edPA_LTIPUS
            },
    
            
            {
                id: 'PA_LTIPUS_EURO',
                header: "LTIP US  €<b>*</b>",
                dataIndex: 'PA_LTIPUS_EURO',
                width: 80,
    	    editable : false,
                tooltip: "LTIP US  €",
                
                hidden: true
                ,renderer : renderFloat
                , editor: edPA_LTIPUS_EURO
            },
    
            
            {
                id: 'PA_COMMENTAIRE',
                header: "Commentaire<b>*</b>",
                dataIndex: 'PA_COMMENTAIRE',
                width: 100,
    	    editable : false,
                tooltip: "Commentaire",
                
                hidden: false
                ,renderer : renderLong
                , editor: edPA_COMMENTAIRE
            },
    
            
            {
                id: 'PA_TOPA',
                header: "Top ajustement<b>*</b>",
                dataIndex: 'PA_TOPA',
                width: 125,
    	    editable : false,
                tooltip: "Top ajustement",
                
                hidden: false
                ,renderer : renderPA_TOPA
                , editor: edPA_TOPA
            },
    
            
            {
                id: 'PA_TOPGEN',
                header: "Indicateur RH<b>*</b>",
                dataIndex: 'PA_TOPGEN',
                width: 30,
    	    editable : false,
                tooltip: "Indicateur RH",
                
                hidden: false
                ,renderer : renderPA_TOPGEN
                , editor: edPA_TOPGEN
            },
    
            
            {
                id: 'PA_DIFFB',
                header: "Prime de fidélité",
                dataIndex: 'PA_DIFFB',
                width: 100,
    	    editable : false,
                tooltip: "Prime de fidélité",
                align : 'center',
                hidden: true
                ,renderer : renderPA_DIFFB
                
            },
    
            
            {
                id: 'PA_LTIPTYPE1',
                header: "Type<b>*</b>",
                dataIndex: 'PA_LTIPTYPE1',
                width: 45,
    	    editable : false,
                tooltip: "LTIP popup",
                
                hidden: false
                , renderer : renderLTIPPOPUP
                
            },
    
            
        {
            id: 'id', // id
            header: "id",
            dataIndex: 'id',
            width: 5,
            hidden: true
        }
        ]);
        cmFiles.defaultSortable = true;

    the grid:
    Code:
        var gridFiles = new Ext.grid.EditorGridPanel({
            el: 'topic-grid-files',
    	id: 'topic-grid-files',
    	title: 'Dossiers',
            width: 950,
            height: 390,
            header: false,
    	//columnLines: true,
            selModel: new Ext.grid.RowSelectionModel(),
            store: dsFiles ,
            cm: cmFiles,
            trackMouseOver: false,
            loadMask: true,
            plugins: expander,
            viewConfig: {
                forceFit:false,
                enableRowBody:true
            },
            bbar: new Ext.PagingToolbar({
                pageSize: 20,
                store: dsFiles,
      	    id: 'pagingtbarFiles',
                displayInfo: true,
                displayMsg: 'Présente les dossiers {0} - {1} Sur {2}',
                emptyMsg: "Aucun dossier",
                afterPageText : "Sur {0}",
                nextText: "Page suivante",
                prevText: "Page précédente",
                firstText: "Première page",
                lastText: "Dernière page",
                refreshText : "Rafraîchir la liste"
            }),
            tbar: tob
        });
    Attached Images