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

时间:2020-07-15 03:55:22

标签: angular ag-grid ag-grid-angular

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

enter image description here

我想做的是

当我双击任何单元格时,相应的列的宽度会增加一些值,我会通过该值。

我尝试过文档,但没有运气, 我从文档中尝试过此解决方案

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

但仍然无法给出宽度值。

1 个答案:

答案 0 :(得分:1)

我找到了Ag Grid文档中提供的答案。

在单元格双击事件上添加了功能

l = ['this', 'is ', 'some', 'text ']
print([(i.rstrip(), i) for i in l])
>> [('this', 'this'), ('is', 'is '), ('some', 'some'), ('text', 'text ')]