Vreemd gedrag van CSS-klasse in td met rowspan (Angular)

Ik gebruik een aangepaste CSS-klasse genaamd 'td-group' om td's met een rowspan aan te passen, specifieker [attr.rowspan] aangezien ik Angular gebruik. In het kort: de CSS-stijl wordt niet altijd correct toegepast, ik heb overal gekeken en alles geprobeerd en ik heb het nog steeds niet opgelost.
De bug doet zich alleen voor in Chrome en nooit in Edge.
Hier is de afbeelding van de 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