title: How to prevent a call for event only if button in cell is clicked?
body: <p>In ts i have this:</p>
  
  <pre><code>   {
                  headerName: '', field: 'delete', filter: 'text', editable: false,
                  cellRenderer: (params) =&gt; {
                      let eDiv = document.createElement('div');
                      eDiv.innerHTML = '&lt;span class="delete-btn"&gt;&lt;button class="btn-simple"&gt;&lt;i class="fa fa-trash"&gt;&lt;/i&gt;Izbrisati&lt;/button&gt;&lt;/span&gt;';
                      let eButton = eDiv.querySelectorAll('.btn-simple')[0];
                      this.gridoptions.api.stopEditing(true);
                      eButton.addEventListener('click', () =&gt; {
                          this.selectedMSISDNArray.rowData.splice(this.selectedMSISDNArray.rowData.indexOf(params.data), 1);
                          this.gridoptions.api.setRowData(this.selectedMSISDNArray.rowData);
                          this.message.info( params.data.msisdn + ' je uspješno uklonjen!');
                      });
                      return eDiv;
                  }
              }
  </code></pre>
  
  <p>This is my grid:</p>
  
  <pre><code>&lt;ag-grid-angular *ngIf="selectedMSISDNArray&amp;&amp;selectedMSISDNArray.rowData&amp;&amp;selectedMSISDNArray.rowData.length&amp;&amp;activeTab===2" (cellEditingStopped)='cellValueChanged($event)' (selectionChanged)="onSelectionChanged($event)" #agGrid style="width: 100%; height: 300px;" class="ag-fresh" [gridOptions]="gridoptions" [columnDefs]="columnDefs" [rowData]="selectedMSISDNArray.rowData"&gt;&lt;/ag-grid-angular&gt;
  </code></pre>
  
  <p>Problem is that i want only for this button click to not call <code>cellEditingStopped</code> event. Any suggestion?</p>