title: How to add columns: edit, delete?
body: <p>I want to use vue ag-grid. So I have looked in <a href="https://www.ag-grid.com/vue-getting-started/" rel="nofollow noreferrer">Get Started with ag-Grid in Your Vue Project
  </a> article.</p>
  
  <p>But I can't find any examples of how to add <code>delete</code> column as link-button?</p>
  
  <pre><code>&lt;a :click="handleDelete"&gt;delete&lt;/a&gt;
  
  handleDelete(itemData) {
   // should open popup here base on itemData…
  }
  </code></pre>
  
  <p>This is the code I'm using:</p>
  
  <pre><code>&lt;template&gt;
      &lt;ag-grid-vue style="width: 500px; height: 500px;"
                   class="ag-theme-balham"
                   :columnDefs="columnDefs"
                   :rowData="rowData"&gt;
      &lt;/ag-grid-vue&gt;
  &lt;/template&gt;
  
      this.columnDefs = [
                  {headerName: 'Make', field: 'make'},
                  {headerName: 'Model', field: 'model'},
                  {headerName: 'Price', field: 'price'}
              ];
  
              this.rowData = [
                  {make: 'Toyota', model: 'Celica', price: 35000},
                  {make: 'Ford', model: 'Mondeo', price: 32000},
                  {make: 'Porsche', model: 'Boxter', price: 72000}
              ];
  </code></pre>