Weird behavior of css class in td with rowspan (Angular)

I'm using a custom css class called 'td-group' to customize td with a rowspan, to be more specific [attr.rowspan] since i'm using angular. In short words, the css style doesn't always get applied correctly, i've looked everywhere and tried everything and still didn't figure it out
The bug only occurs on chrome and never in edge
Here the image of the bug

<tr *ngFor="let r of list; let i = index">
  <ng-container *ngIf="group && r.representative.show">
    <td class="td-group" [attr.rowspan]="r.representative.height">
      {{r.representative.name}}          
    </td>
  </ng-container>
  <td *ngFor="let c of cols">
    {{r[c.name]}}
  </td>
</tr>

Stackblitz https://stackblitz.com/edit/angular-yr3pxq?file=src/app/app.component.html