SlickGrid on cell change highlight and flash cell and apply class

highlight-and-flash-cell-slickgrid.ts

/*

 <angular-slickgrid gridId="importGrid" [columnDefinitions]="columnDefinitions" [gridOptions]="gridOptions"
      [dataset]="dataset" (onAngularGridCreated)="angularGridReady($event)"
      (sgOnCellChange)="onCellChanged($event.detail.eventData, $event.detail.args)"   <----- required
      >
    </angular-slickgrid>

*/ 

onCellChanged(e, args): void {
    this.highlightCell(args.row, args.cell, Object.keys(args.item)[args.cell]);
  }

  highlightCell(row, cell, colId): void {
    (this.angularGrid.gridService as any)._grid.flashCell(row, cell, 2000); // Flashes the cell
    const cssCellStyle = {};
    const classToInject = 'invalid';
    (cssCellStyle[row] = {})[colId] = classToInject;
    (this.angularGrid.gridService as any)._grid.setCellCssStyles(`${classToInject}.${colId}.${row}`, cssCellStyle); // Applies the .invalid class to the cell
  }