AG-Grid - 如何动态增加行高？

Question

此问题与Angular 4 Project上的Ag-Grid行高有关。请参阅以下方案： -

我有一个分别有3列的Ag-Grid： -

1. Id（来自UI的可调整大小的列）
2. 名称（来自UI的可调整大小的列）
3. 地址（来自UI的可调整大小的列）

我在地址列上没有任何限制（例如允许有限数量的字符或单词）。用户可以键入他们想要的任意数量的字符或单词。

问题： -

1. 如何增加行高，当地址列宽度完全填充单词或用户按Enter键或Shift + Enter时？
2. 用户调整地址列时如何自动调整高度？

请帮我解决这些问题。

谢谢

Answer 1

有许多事情需要注意。

看看更新的Stackblitz

1. 在cellClass: "cell-wrap-text"中为ColDef列添加Address属性并具有适当的CSS
2. 处理columnResized事件，以便在调整列大小时可以调用this.gridApi.resetRowHeights()来调整行的高度
3. 还要处理cellEditingStopped事件，以便在更新列的数据时，行高度也会相应地更新。

   onColumnResized() {
      this.gridApi.resetRowHeights();
   }
   onCellEditingStopped() {
     this.onColumnResized();
   }

4. 在autoHeight: true提供defaultColDef财产 defaultColDef = { autoHeight: true };

---

更新：

如果你想让cellEditor: 'agLargeTextCellEditor'像这个领域的控制那样提供textarea。

检查这个StackBlitz