Using Stagger animation for mat-data table rows not columns

113
February 01, 2022, at 03:00 AM

I have a mat-table and I would like to add stagger animations to its rows, the stagger works fine but instead of the effect being implemented on rows I end up with staggered columns. how do I make the rows only become staggered.

this is ts

  trigger('listAnimation', [
    
    transition('* => *', [
      query(':enter', style({ opacity: 0 }), {optional: true}),
      query(':enter', stagger('300ms', [
        animate('1s ease-in', keyframes([
          style({opacity: 0, transform: 'translateX(-75px)', offset: 0}),
          style({opacity: .5, transform: 'translateX(35px)',  offset: 0.3}),
          style({opacity: 1, transform: 'translateX(0)',     offset: 1.0}),
        ]))]), {optional: true})
    ])
  ])
]

and this is html

<mat-header-row class="headerRow" *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
<mat-row [@listAnimation]="check" *matRowDef="let row; columns: displayedColumns;" (click)="onEdit(row.taxId)" class="rowR" [class.active]="clickedRows.has(row)" ></mat-row>
Rent Charter Buses Company
READ ALSO
Python RE Directories and slashes

Python RE Directories and slashes

Let's say I have a string that is a root directory that has been entered

96
findOne() in spring boot ordered by Asc

findOne() in spring boot ordered by Asc

I' am trying to use findOne() jpa query, now it's working fine with me but I want also the result extDetl to come orderd by vaccineDose

156
Select2 multiselect options to display options in another multiselect

Select2 multiselect options to display options in another multiselect

I have just switched one of my multiselects to select2 as my previous checkbox multiselect was incompatible with my new page template CSS and looked very out of place

52
SQLAlchemy + Mariadb freezes on initialization

SQLAlchemy + Mariadb freezes on initialization

I'm converting my program to SQLAlchemy, was using pymysql connector before and everything was working as it should, right now it just freeze on metadata creation, everything looks like this:

99