Comment faire AG-Grid pour avoir une mise en page fluide

Question

J'essaie d'utiliser l'AG-Grid pour mon projet et j'essaie de jouer avec lui depuis un moment maintenant, mais un problème que j'ai rencontré avec ce La grille est que je ne peux pas facilement faire les colonnes pour redimensionner automatiquement chaque fois que le div ou le navigateur redimensionne comme une mise en page fluide.

Je sais qu'il ya la fonction .api.sizeColumnsToFit() à utiliser qui le fera une fois qu'il est appelé, mais cela voudrait dire que je vais ajouter manuellement un auditeur ou une sorte à la fenêtre pour vérifier si elle a été redimensionnez et l'appeler si elle a?? Y a-t-il un meilleur moyen d'y parvenir?

Merci

Answer 1

Essayez d'appeler sizeColumnsToFit chaque fois que la grille événement se déclenche onGridSizeChanged. Les éléments suivants seront exécutés lorsque la grille sera chargée/ou les données seront ajustées (onModelUpdated) et lorsque la taille des grilles changera.

i.e.

this.gridOptions = <GridOptions>{ 
    onModelUpdated:() => { 
     this.gridOptions.api.sizeColumnsToFit(); 
    }, 
    onGridSizeChanged:() => { 
     this.gridOptions.api.sizeColumnsToFit(); 
    } 
};