Question

我有一个数据集，该数据集通过api调用每分钟刷新一次。当刷新时，将更新特定的列（此处为文件名），我想制作类似淡入淡出的高光动画（例如，从灰色变为黄色，在1秒内从黄色变为灰色）以通知用户某些东西被修改了。

我该如何实现？

table tr:nth-child(odd) {
  background-color: #ffffff;
}
table tr:nth-child(even) {
  background-color: #f1f1f1;
}
::ng-deep .mat-sort-header-container {
justify-content: center;
}

.mat-cell .flex-stretch {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  /* align-items center so that cell content is vertically centered */
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

    <table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
    
      <ng-container matColumnDef="business_unit">
        <th mat-header-cell *matHeaderCellDef mat-sort-header> Business Unit </th>
        <td mat-cell *matCellDef="let element"> {{element.business_unit}} </td>
      </ng-container>

      <ng-container matColumnDef="file_name">
        <th mat-header-cell *matHeaderCellDef mat-sort-header> File Name </th>
        <td mat-cell *matCellDef="let element"> {{element.file_name}} </td>
      </ng-container>
    </table>

感谢您的帮助。

编辑：仍然没有找到解决方案！ = /

如何使用“材质角表”在列上制作高光动画？

0 个答案: