在 AG 网格的单元格中双击编辑时更改列宽

Question

我在我的 Angular 项目中使用 Ag 网格。我创建了一个自定义单元格编辑器进行编辑，因为我有多种输入类型，而 Ag 网格的简单编辑器无法管理它。但是现在，我面临的问题是，我的编辑器的宽度超过了单元格的宽度，并且看起来不太好，因为它超出了单元格。

我想做的是

当我双击任何单元格时，相应列的宽度会增加我通过的某个值。

我尝试了文档但没有运气， 我从文档中尝试了这个解决方案

autoSizeAll(skipHeader) {
    var allColumnIds = [];
    this.gridColumnApi.getAllColumns().forEach(function(column) {
      allColumnIds.push(column.colId);
    });
    this.gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);
  }

但仍然无法给出宽度值。

Answer 1

我在 Ag Grid 文档中找到了答案。

单元格双击事件新增功能

setCustomSize(){
this.gridColumnApi.setColumnWidth(key, width)
}