Ag-Grid - Zeile mit mehrzeiligem Text

Question

Ich benutze Angular Grid (Version 1.16.1) und ich muss einen langen Text in einer Tabelle zeigen und ich möchte, dass die Zeilenhöhe durch den Inhalt angepasst werden würde, Zeile wenn nötig zu brechen .

Ich habe versucht:

• sizeColumnsToFit Methode, erwartet, dass die ag-Rasterspalte durch ihren Inhalt die Größe könnte;

• setRowStyle-Methode bei gridOptions: Ich habe CSS-Klassen hinzugefügt, um die Roe-Höhe durch den Inhalt anzupassen (z. B. "word-wrap": "break-word");

• minWidth und width: Ich habe die durchschnittliche Spaltengröße berechnet, aber ag-grid hat das nicht respektiert;

• cellStyle bei gridOptions: auf die gleiche Weise wie "setRowStyle", aber CSS-Klassen haben mir keinen Erfolg gebracht;

Hat jemand einen anderen Vorschlag?

Answer 1

Ich habe es mit CSS ohne Glück versucht, haben Sie in dynamische Zeilenhöhe untersucht? Siehe ein Beispiel hier: https://www.ag-grid.com/angular-grid-row-height/index.php. Es verwendet die Länge des Textes, um die Höhe jeder Zeile zu berechnen. Hier ein Auszug aus dem Beispiel:

getRowHeight: function(params) { 
    // assuming 50 characters per line, working how how many lines we need 
    return 18 * (Math.floor(params.data.latinText.length/45) + 1); 
}