<div class="card-body">
<ngx-datatable class='material' *ngIf="row"  [columnMode]="'force'"
[headerHeight]="40"  [footerHeight]="40" [rowHeight]="'50'"
[limit]="500000" [rows]='perm' [scrollbarH]="true" #table [limit]="_limit" >
<ngx-datatable-column prop="value" name="Name" [width]="130"
[sortable]="true">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row.value}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column prop="qty" name="Qty" [width]="130"
[sortable]="true">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row.qty}}
</ng-template>
</ngx-datatable-column>

<ngx-datatable-column name="Action" [sortable]="false" [width]="75">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
<div class="justify-content-center align-items-center">

<span class="col-md-4">

<button class="btn btn-danger" (click)="delete(row._id)">Delete</button>
</span>

</div>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>

valueController.deleteValue= async (req)=>{
try{
var recordType = await valueModel.deleteValue({_id: req.params.id});
console.log('Deleting record: ' + req.params.id);
return recordType;
} catch(error) {
throw error;
}
}