ag-grid: установка rowHeight вручную

Question

Я пытаюсь установить высоту строки ag-grid, как показано ниже

<ag-grid-angular  style="height: 130px;"  [rowData]="rows"  [columnDefs]="columns" [getRowHeight]="getRowHeight">

и в файле ts

getRowHeight = 5;

Я также изменил его на 5 пикселей, но он не отражает . любой другой способ сделать то же самое.

Я делаю это в angular8

Я также добавил снимок, который выглядит после того, как я сделал его 20px введите описание изображения здесь

Answer 1

getRowHeight - это функция обратного вызова, но почему вы не можете просто использовать свойство rowHeight в самом объекте сетки. Вот так:

<ag-grid-angular  style="height: 130px;"  [rowData]="rows"  [columnDefs]="columns" [rowHeight]="rowHeight">

А затем в вашем компоненте:

rowHeight = 5

Редактировать 1:

Вы можете также установите autoheight для ваших строк - тогда высота строки будет адаптирована в соответствии с предоставленными данными:

В вашем шаблоне: <ag-grid-angular [defaultColDef]="defaultColDef" ...(all the other options)... > В вашем компоненте:

this.defaultColDef = {
      flex: 1,
      autoHeight: true,
};

Значение по умолчанию 25 (пикселей)