изменить ширину столбца при двойном щелчке мыши для редактирования в ячейке сетки AG

Я использую сетку Ag в своем проекте Angular. Я создал собственный редактор ячеек для редактирования, потому что у меня есть несколько типов ввода, и простой редактор Ag grid не мог с этим справиться. Но теперь проблема, с которой я столкнулся, заключается в том, что ширина моего редактора больше ширины ячейки, и он не выглядит хорошо, потому что выходит за пределы ячейки.

Что я хочу сделать, это

когда я дважды щелкаю любую ячейку. Ширина соответствующего столбца увеличивается на некоторое значение, которое я передаю.

Я пробовал документацию, но не повезло, я пробовал это решение из документа

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

но по-прежнему нет возможности указать значение ширины.