Ag-Grid - Riga con testo multilinea

Question

Sto usando Angular Grid (versione 1.16.1) e ho bisogno di mostrare un lungo testo all'interno di una tabella e voglio che l'altezza della riga venga regolata dal contenuto, linea di interruzione se necessario .

ho provato:

• metodo sizeColumnsToFit, aspettandosi che ag-grid potrebbe ridimensionare colonna dal suo contenuto;

• metodo setRowStyle in gridOptions: ho aggiunto le classi CSS per regolare l'altezza del capriolo dal contenuto (ad esempio 'word-wrap': 'break-word');

• minLarghezza e larghezza: ho calcolato la dimensione media delle colonne ma la griglia di ag non l'ha rispettata;

• cellStyle a gridOptions: allo stesso modo di "setRowStyle", ma le classi CSS non mi hanno dato alcun successo;

Qualcuno ha un altro suggerimento?

Answer 1

L'ho provato con css senza fortuna, hai guardato in altezza fila dinamica? Guarda un esempio qui: https://www.ag-grid.com/angular-grid-row-height/index.php. Utilizza la lunghezza del testo per calcolare l'altezza di ogni riga. Ecco uno snippet dell'esempio:

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