How can i add button to a column in a ngx-datatable in Angular 8?

Question

This HTML code is not working for me.

<ngx-datatable-column name="Option" prop="option" [draggable]="false" [resizeable]="false 
         [width]="250">
      <span>
        <button class="optionButton" type="button" data-toggle="modal" data- 
        target="#addOption">Reserve Product</button>
      </span>
</ngx-datatable-column>

See this source [code](https://github.com/swimlane/ngx-datatable/blob/master/src/app/templates/template-dom.component.ts) — Eldar, Dec 27 '19 at 21:05

score 0 · Accepted Answer · answered Dec 28 '19 at 09:20

Keep the button within <ng-template>

Try like this:

<ngx-datatable-column name="Option" prop="option" [draggable]="false" [resizeable]="false 
     [width]="250">
    <ng-template ngx-datatable-cell-template let-value="value">
        <span>
            <button class="optionButton" type="button" data-toggle="modal" data- 
    target="#addOption">Reserve Product</button>
         </span>
    </ng-template>
</ngx-datatable-column>

How can i add button to a column in a ngx-datatable in Angular 8?

1 Answers1