建模从HTTP检索的数据以生成动态Material 2表

Question

我连续几天试图从通过HTTP检索的数据中创建一个动态mat-table。到目前为止，一切都很好。我以这个stackblitz为例。

在模板中，表是这样生成的。

class StringLenCmp

现在，我有一个问题。我希望能够对要检索的数据进行建模，然后再将它们放在桌子上。例如，查看此stackblitz数据，我希望能够合并“创建”和“状态”两列以在称为“状态”的一列中显示它们

例如，我想在不使用|的情况下修改日期格式。模板中的日期管道。

之前：

  <ng-container *ngFor="let column of displayedColumns$.value" cdkColumnDef="{{column}}">
    <th cdk-header-cell *cdkHeaderCellDef> {{column}} </th>
    <td cdk-cell *cdkCellDef="let row"> {{row.attributes[column]}} </td>
  </ng-container>

之后：

| Created      | State | #     | Title
  Nov 30, 2018   open    14339   fix(cdk/stepper): exported ...

所有这些努力是为了能够创建一个表服务，在该表服务中我将传递API和表配置，因此将基于该配置呈现表...是否有人知道我该如何处理？ ？