2016-03-17 13 views
10

Używam Angular Grid (wersja 1.16.1) i potrzebuję pokazać długi tekst wewnątrz tabeli i chcę, aby wysokość wiersza była regulowana przez zawartość, w razie potrzeby przerywając linię .Ag-Grid - Wiersz z tekstem wielowierszowym

Próbowałem:

  • metodę sizeColumnsToFit, oczekując, że AG-siatka mogłaby zmienić rozmiar kolumny przez jego treści;

  • Metoda setRowStyle at gridOptions: Dodałem klasy CSS, aby dostosować wysokość roe według zawartości (np. "Zawijanie wyrazów": "słowo-przerywane");

  • minWidth and width: Wyliczyłem średni rozmiar kolumny, ale ag-grid jej nie przestrzegał;

  • cellStyle at gridOptions: w taki sam sposób jak "setRowStyle", ale klasy CSS nie dały mi żadnego sukcesu;

Czy ktoś ma inną sugestię?

+0

Nie masz możliwości uaktualnienia do nowszej wersji? 'getRowHeight' to dostępne wywołanie zwrotne od [wersja 3.1.2] (https://www.ag-grid.com/archive/3.1.2/javascript-grid-callbacks/index.php) –

Odpowiedz

2

Próbowałem go z css bez powodzenia, czy spojrzałeś na dynamiczną wysokość wiersza? Zobacz przykład tutaj: https://www.ag-grid.com/angular-grid-row-height/index.php. Używa długości tekstu do obliczenia wysokości każdego rzędu. Oto fragment z przykładu:

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

tak, próbowałem ale ta funkcja nie jest dostępna w wersji 1.16.1 –