Я хочу получить значение с цветом для столбца на основе значения. Я использую bootstrap 4 ngx-datatable. Я выкладываю изображение ниже, не могли бы вы сообщить мне решение для этого typeScript:
displayColumns = [
{ name: 'S.No', value: 'sno' }, { name: 'Order Type', value: 'orderType'},
{ name: 'Customer Name', value: 'partyName' }, { name: 'Customer City', value: 'hcncode' },
{ name: 'Order Date', value: 'billDate' },
{ name: 'Order Status', value: 'orderStatus' },
{ name: 'Actions' }
];
Html
<ngx-datatable class="bootstrap" [rows]="invoiceSource" [headerHeight]="50"
[footerHeight]="50" [rowHeight]="'50'" [scrollbarH]="true"
[columnMode]="'force'" [limit]="limit"
[sorts]="[{prop: 'productCode', dir: 'asc'}]">
<ngx-datatable-column *ngFor="let column of displayColumns"
[name]="column.name">
<ng-template let-column="column" ngx-datatable-header-template>
<span>{{column.name}}</span>
</ng-template>
<ng-template ngx-datatable-cell-template let-rowIndex="rowIndex"
let-value="value" let-row="row">
<span *ngIf="column.name !== 'Actions'">{{row[column.value]}}</span>
<span *ngIf="column.name === 'Actions'">
<button class="btn btn-success mr-1 btn-fab" placement="top" data-controls-modal=" " data-toggle="jw-modal" data-backdrop="static" data-keyboard="false"
ngbTooltip="View" (click)="SerachInvoice(row , 'custom-modal-2')">
<i class="ft-eye"></i>
</button>
<button class="btn btn-primary mr-1 btn-fab" placement="top" ngbTooltip="Edit"
(click)="edit(row)">
<i class="ft-edit"></i>
</button>
<button class="btn btn-warning mr-1 btn-fab" placement="top"
ngbTooltip="Print" (click)="SerachInvoice(row,'printSection')">
<i class="fa fa-paper-plane-o"></i>
</button>
</span>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>