我们有一个使用 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' }];