Comment adapter les colonnes d'une grille automatiquement dans extjs?

nous avons une grille avec 6 colonnes. Une colonne nécessite plus de largeur compae à d'autres. Nous avons à acombien de toutes les colonnes de la grille, sans aucune barre de défilement horizontale.

Le code que nous avons essayé est la suivante:

{
    xtype: 'grid',

    viewConfig: {    
        forceFit: true,    
    }

    columns: [{    
        header: 'column1'    
    }, {    
        header: 'column2'    
    },
    //...
    {    
        header: 'column6',    
        flex: 2    
    }]
}

Le code ci-dessus a bien fonctionné dans IE8. Mais dans IE9 et Chrome de Google, la 6e colonne contenu n'est pas affiché.

Quelqu'un pourrait s'il vous plaît suggérer comment le résoudre?

Voir ma réponse here
si vous avez besoin de flex, ne pas utiliser de forceFit.

OriginalL'auteur ramya sri | 2013-03-15

  1. 5

    Supprimer la forceFit, vous pouvez simplement flex plusieurs colonnes, vous pouvez utiliser flex 2 vs 1 sur la colonne que vous voulez un peu plus large.

    {
    xtype: 'grid',

    columns: [{    
        header: 'column1',
        flex: 1   
    }, {    
        header: 'column2',
        flex: 1   
    },
    //...
    {    
        header: 'column6',    
        flex: 2    
    }]
}
    Merci pour votre réponse. et désolé pour la réponse tardive. Puis-je savoir pourquoi devons-nous supprimer forceFit lorsque flex est utilisé?

    OriginalL'auteur Johan Haest