title: change column width when double click to edit in a cell of AG grid
body: <p>I am using Ag grid in my Angular Project. I crated a custom cell editor to edit because I have multiple input types and Ag grid's simple editor was not able to manage that. But now, the problem I am facing is, My editor's width is more than cell width and it is not looking good because its going out of the cell.</p>
  <p><a href="https://i.stack.imgur.com/5xCdi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5xCdi.png" alt="enter image description here" /></a></p>
  <p>What I want to do is</p>
  <p>when I double click on any cell The respective column's width get increased by some value I pass.</p>
  <p>I tried the documentation but no luck,
  I tried this solution from document</p>
  <pre class="lang-js prettyprint-override"><code>autoSizeAll(skipHeader) {
      var allColumnIds = [];
      this.gridColumnApi.getAllColumns().forEach(function(column) {
        allColumnIds.push(column.colId);
      });
      this.gridColumnApi.autoSizeColumns(allColumnIds, skipHeader);
    }
  </code></pre>
  <p>but still no way to give width value.</p>