增加特定行的高度

Posted 2023-03-28

【中文标题】增加特定行的高度

【英文标题】：increase height of a specific row

【发布时间】：2020-09-06 12:44:44

【问题描述】：

最初，所有行的高度都是 50。当一个单元格被聚焦时，如果它有更多的内容并且需要更多的高度，我需要增加那个特定单元格的高度。如果这是不可能的，至少必须增加整个特定行的高度。剩余的行不应受到影响。

【参考方案1】：

我会使用rowSelection api 特别是每个rowNode 的selected 属性。

您可以在html中定义getRowHeight [getRowHeight]="getRowHeight" 和(selectionChanged)="onSelectionChanged($event)"

并像这样定义getRowHeight -

this.getRowHeight = function(params) 
  return params.node.selected ? 100 : 50; // if selected height is 100 else default 50

然后在你的onSelectionChanged，

  onSelectionChanged() 
    this.gridApi.resetRowHeights();
  

您想要搭载 selected 属性的原因是因为它由 ag-grid 为每一行维护。 你可以通过实现回调 onCellFocused 来做类似的事情，但是你必须为每一行维护一个类似的属性，因为一旦焦点所在的行失去焦点，你还需要调整高度，这可能是一项昂贵的操作。