We have a table created in angular application using ngx-datatable. I wish to highlight the latest row dynamically for 2 seconds. How can we achieve this. Below is the code that has been tried.
<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': row.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' }];