对更改或添加的行进行动画处理

Question

当添加或更改时，我正在尝试为mat-table中的行设置动画。我有以下动画：

import { animate, keyframes, sequence, style, transition, trigger } from '@angular/animations';

export const rowUpdate =
  trigger('rowUpdate', [
    transition('void => *', animate('5000ms', keyframes([
      style({backgroundColor: 'initial', boxShadow: 'none', offset: 0} ),
      style({backgroundColor: 'red', boxShadow: '0 0 5px red', offset: 0.1} ),
      style({backgroundColor: 'initial', boxShadow: 'none', offset: 1} ),
    ])))
  ]);

我在HTML上称呼它

<tr mat-row *matRowDef="let row; columns: displayedColumns;" [@rowUpdate]="">

当我更改或更新行时，它正常工作，问题在于我可以隐藏/显示列，并且当我添加新列时，所有表格高亮显示，并且我希望仅当我添加/更改行时才出现这种情况我添加了新列。

关于如何控制它的任何想法？

编辑1：我已经尝试过以下解决方案：hightlight via css

但是我还有另一个问题，当我对表格进行排序时，动画又出现了，我不想要它。我试图删除该类，但无法执行。