Ngx数据表显示一行条目

Question

Table Image我想显示所有的反式类型，但是相关性ID只能出现一次。如何从前端实现这一目标？

HTML代码：

        <ngx-datatable #tblCorrelations class="material fullscreen" [rows]="details" [columnMode]="'force'" [headerHeight]="'auto'" [footerHeight]="50" [rowHeight]="50" [limit]="15" [selected]="selected" [selectionType]="'single'">
            <ngx-datatable-column name="Correlation ID" id="correlationid">
                <ng-template let-row="row" ngx-datatable-cell-template>
                    {{row.correlationid}}
                </ng-template>
            </ngx-datatable-column>
            <ngx-datatable-column name="Trans Type" id="transtype">
                <ng-template let-row="row" ngx-datatable-cell-template>
                    {{row.transtype}}
                </ng-template>
            </ngx-datatable-column>
        </ngx-datatable>

我的打字稿代码是什么样的？请记住，相关性ID不是反型类型ID。这些都是从数据库中提取出来的，而不是硬编码的

当前，显示器重复相关ID并显示反型 我希望相关性ID仅出现一次及其所有反式类型

Answer 1

您的详细信息必须如下所示。 （可以是 Class 或 Interface ））

export class/Interface InterfaceName {
 correlationId: number;
 transType: string[];
}

在您的.ts文件中，将详细信息声明为：

public details: InterfaceName[];