Как получить цвет для значения столбца на основе значения, используя ngx-datatable bootstrap -4 - PullRequest
0 голосов
/ 20 февраля 2020

Я хочу получить значение с цветом для столбца на основе значения. Я использую bootstrap 4 ngx-datatable. Я выкладываю изображение ниже, не могли бы вы сообщить мне решение для этого enter image description here 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...