rowspan в angular приложении

Question

У меня есть следующая таблица в приложении Angular 8, где я перебираю некоторые данные и отображаю данные в таблице. В таблице я хочу использовать rowspan для «Статус» и «Дата создания», поскольку они всегда будут одинаковыми. «Имя» и «Сумма» будут различаться, поэтому для них нужны разные строки, но одна запись для статуса. Я пробовал rowspan="abc.length" для {{data.status}}, но это не работает.

<table class="table tableBorder table-responsive table w-100">
  <tr style="text-align: center;" class="bg-gray">
    <td class="w-12 bold text-left">Name</td>
    <td class="w-10 bold text-left">Amount (Rs.Cr.)</td>
    <td class="w-13 bold text-left">Status</td>
    <td class="w-8 bold text-left">Create Date</td>
  </tr>
  <tr *ngFor="let data of abc; let i = index">
    <td class="w-12 truncate-text ref-number-truncate line-height23">
      {{data.name}}
    </td>
    <td class="w-8 truncate-text">{{data.amount}}</td>
    <td class="w-13 truncate-text">{{data.status}}</td>
    <td class="w-10 truncate-text">{{data.createdDate}}</td>
  </tr>
</table>

Answer 1

Попробуйте [attr.rowspan] как

<td [attr.rowspan]= "abc.length">