title: Unable to add custom buttons in ngx-datatable Angular
body: <p>I am new to angular and ngx-datatable and before asking this questions on SO. I've already gone through the answers with same problem which I'm facing related to <strong>adding custom buttons in each row in ngx-datatable of angular</strong>.</p>
  <p>My HTML template looks like this:</p>
  <pre><code>
  &lt;ngx-datatable [rows]=&quot;rows&quot; [loadingIndicator]=&quot;loadingIndicator&quot; class=&quot;bootstrap&quot;
          [selected]=&quot;selected&quot; (activate)=&quot;onActivate($event, NewEventContent)&quot;&gt;        
        
          &lt;ngx-datatable-column *ngFor=&quot;let column of columns; let i = index;&quot; 
          name=&quot;{{column.name}}&quot; prop=&quot;{{column.prop}}&quot;&gt;        
  
          &lt;ngx-datatable-column name=&quot;Actions&quot; prop=&quot;skuCode&quot;&gt;&lt;/ngx-datatable-column&gt;          
  
          &lt;ng-template let-value=&quot;value&quot; let-row=&quot;row&quot; let-rowIndex=&quot;rowIndex&quot;
            *ngIf=&quot;column.name==='Actions'&quot; ngx-datatable-cell-template&gt;
            &lt;button type=&quot;button&quot; class=&quot;btn btn-outline-success&quot;&gt;Success {{rowIndex}}&lt;/button&gt;
          &lt;/ng-template&gt;
          
          &lt;/ngx-datatable-column&gt;     
        &lt;/ngx-datatable&gt;
  </code></pre>
  <p>My .ts file look like this</p>
  <pre><code>columns = [{name: 'Actions', prop: 'Id' }...];
  </code></pre>
  <p>I have no idea what I'm doing wrong it this and I've seen a similar type of approach in other answers of similar type of question but none of them worked for me.</p>
  <p>Kindly help.</p>