Wie mache ich AG-Grid um flüssiges Layout zu haben?

Question

Ich versuche das AG-Grid für mein Projekt zu benutzen und ich versuche schon eine ganze Weile damit herumzuspielen, aber ein Problem ist mir dabei aufgefallen Grid ist, dass ich die Spalten nicht automatisch anpassen kann, wenn der div oder der Browser die Größe eines flüssigen Layouts ändert.

Ich weiß, es gibt die .api.sizeColumnsToFit() Funktion zu verwenden, die es tun wird, wenn es einmal aufgerufen wird, aber das würde bedeuten, ich manuell einen Listener oder eine Art zu dem Fenster hinzufügen, um zu überprüfen, ob es Größe geändert wurde und es aufrufen, wenn es hat?? Gibt es einen besseren Weg, dies zu erreichen? Versuchen

Dank

Answer 1

Aufruf sizeColumnsToFit, wenn das Netz onGridSizeChanged Ereignis ausgelöst wird. Folgendes wird ausgeführt, wenn das Raster zuerst geladen/oder Daten angepasst wird (onModelUpdated) und wenn sich die Rastergröße ändert.

d.h

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