algment problem in grid on IE

**pachama** · 28 Nov 2009 12:44 AM

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
    });

algment problem in grid on IE

Thread Tools

Search Thread

Display

algment problem in grid on IE

algment problem in grid on IE