列的ngx datatable自定义CSS,具体取决于列值

时间:2018-07-17 06:31:50

标签: css typescript datatables angular6

我正在使用angular 6。我已经使用https://www.npmjs.com/package/ngx-datatable

集成了数据表

这里的值取自我使用以下代码的api

this.dashboardservice.attendeesdetails()
        .subscribe(
            data => {                       
                this.attendeelist = data;
                this.onChangeTable(this.config);
            }
        );

HTML代码

<ng-table [config]="config"
      (tableChanged)="onChangeTable(config)"
      (cellClicked)="onCellClick($event)"
      [rows]="rows" [columns]="columns"  ></ng-table>
<pagination  class="pagination-sm"
            [(ngModel)]="page"
            [totalItems]="length"
            [itemsPerPage]="itemsPerPage"
            [maxSize]="maxSize"
            [boundaryLinks]="true"
            [rotate]="false"
            (pageChanged)="onChangeTable(config, $event)"
            (numPages)="numPages = $event">
             </pagination>

这很好。在“状态”列中,如果值为“是”,那么我需要应用成功的类名。如果该值为no,则需要应用错误类别。

此处如何根据值应用自定义类名称。

0 个答案:

没有答案