ag-grid : 手动设置 rowHeight答案

【问题标题】：ag-grid : setting rowHeight manuallyag-grid : 手动设置 rowHeight
【发布时间】：2020-09-16 05:46:13
【问题描述】：

我正在尝试如下设置 ag-grid 的行高

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

在ts文件中

getRowHeight = 5;

我也将其更改为 5px，但它没有反映。任何其他方式来做同样的事情。

我是在 angular8 中做的

我还添加了 20px 后的快照

【问题讨论】：

【解决方案1】：

getRowHeight 是回调函数，但为什么不能只在网格对象本身上使用属性rowHeight。像这样：

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

然后在你的组件中：

rowHeight = 5

编辑 1：

您还可以为行设置自动高度 - 然后行高将根据提供的数据进行调整：

在您的模板中：<ag-grid-angular [defaultColDef]="defaultColDef" ...(all the other options)... > 在您的组件中：

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

默认值为 25（像素）

【讨论】：