突出显示 ngx-datable 中的最新行

问题描述 投票:0回答:0

我们有一个使用 ngx-datatable 在角度应用程序中创建的表。我希望动态突出显示最新行 2 秒。我们怎样才能做到这一点。下面是已经尝试过的代码。

<ngx-datatable class="material" 
            [rows]="rows" 
            [columnMode]="'force'" 
            [reorderable]="reorderable"
            [rowClass]="getRowClass"
            (activate)="onActivate($event)">
            <ngx-datatable-column name="Cabinet Name" [flexGrow]="1">
                <ng-template let-row="row" ngx-datatable-cell-template>
                    <span class='folder-color'>folder</span>
                    {{ row?.cabinetname }}
                </ng-template>
            </ngx-datatable-column>
</ngx-datatable>
getRowClass = (row) => {
    console.log('rowClass');
    return {
      'row-color': id === 3 ? true: false,
    };
    setTimeout(() => {
      return {
        'row-color': false
      }
    }, 2000);
  };
  rows = [
    { id: 1, name: 'Austin', gender: 'Male', company: 'Swimlane' },
    { id: 2, name: 'Dany', gender: 'Male', company: 'KFC' },
    { id: 3, name: 'Molly', gender: 'Female', company: 'Burger King' },
  ];
  columns = [{ prop: 'name' }, { name: 'Gender' }, { name: 'Company' }];
angular ngx-datatable
© www.soinside.com 2019 - 2024. All rights reserved.