javascript - 如何在表格中创建效果行

我需要创建一个表，其中第一列有一个特殊的rowspan。
我想要的结果就像this详细地说，我想要第一列中的所有行在一起。这是code.html：

    //This row all toogether in one td
    <tr *ngFor="let count of listCount">
      <ng-container *ngIf="check()">
        <td rowspan="?"....>
        <td>..
      </ng-container>
    </tr>

问题是：
我不知道它的价值是什么
有人能帮我吗？

最佳答案

如果希望第一列跨越整行，则必须：
使用rowspan="listCount.length"。
但只是第一栏。若要获取列是否为第一列，可以在let first = first中使用*ngFor。
因为这个rowspan计数是动态的，所以必须使用属性绑定语法（[attr.rowspan]="listCount.length"）。
试试这个：

<tr *ngFor="let count of listCount; let first = first">
  <ng-container *ngIf="check()">
    <td *ngIf="first" [attr.rowspan]="listCount.length" ....>
    <td>..
  </ng-container>
</tr>

这是给你的裁判的Sample StackBlitz。

关于javascript - 如何在表格中创建效果行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53209835/