title: add click event to ngx-datatable cell body
body: <p>I want to call a function in click event of ngx-datatable cell body. This is the code I have right now.</p>
  
  <pre><code>&lt;ngx-datatable-column name="User Name" prop="userName"&gt;
      &lt;ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row"&gt;
         &lt;span *ngIf="!editable" (click)="editable = true;"&gt; Some Text &lt;/span&gt;
         &lt;input type="text" *ngIf="editable"/&gt;
      &lt;/ng-template&gt;
  &lt;/ngx-datatable-column&gt;
  </code></pre>
  
  <p>I want to move the stuff in span click event into cell body click event. I got few problems when I trying to move,</p>
  
  <ol>
  <li>ng-template (click) event not working,</li>
  <li>then I tried to add a div inside the ng-template but it only cover the span area. Witch means the div not covering whole cell body. (Am not allowed to change the default styles of the cell)</li>
  </ol>