node.js - 基于 akey + angular mat-table 对行进行分组

Question

我必须根据角度材料表中的值对行进行分组，如下所示：...

colA  colB  colC
abc   1     2
      2     3
xyz   1     2

我的 Json 如下所示：

[
{
"colA":"abc",
"colB":1,
"colC": 2
},
{
"colA":"abc",
"colB":2,
"colC": 3
},
{
"colA":"xyz",
"colB":1,
"colC": 2
}
]

现在，按照当前逻辑，我编写的表格显示如下：

colA  colB  colC
abc   1     2
abc   2     3
xyz   1     2

我的编码部分如下：

<table mat-table [dataSource]="dataSource" class="table mat-elevation-z8" matSort #TableOneSort="matSort" multiTemplateDataRows>
//Here my column name logic goes here
</table>

请分享你的想法。提前致谢。

标签： node.jsangularangular-materialmat-table

Answer 1

如果第 - 1 行有 colA 参数 === 行，请检查索引。如果是，则不显示它的标题，如果不显示它。.

就像是：

<td mat-cell *matCellDef="let element; let i = index">
    <span ngIf="array[i].colA !== array[i - 1].colA">
         {{element.colA}}
    </span>
</td>

这可能会根据您的逻辑而改变。