Angular Ngx-Datatable具有来自不同可观察对象的行

Question

我从Firebase商店获得4种类型的数据：驳船，掩体，码头，卡车。它们都有两个共同点：Created和Name。

我以前有一个表可以预览每个表的数据（共4个），例如：

    <ngx-datatable
    class="bootstrap"
    [rows]="trucks$ | async"
    [columnMode]="'force'"
    [columns]="columns"
    [headerHeight]="30"
    [rowHeight]="50"
    [scrollbarH]="true"
    [scrollbarV]="true"
    [messages]="{ emptyMessage: 'No trucks found' }"
    (activate)="update($event)"
  >
   <ngx-datatable-column name="Name">
      <ng-template let-value="value" ngx-datatable-cell-template>
           {{ value }}
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>

现在我想拥有一个表，该表同时显示所有驳船，卡车，码头和掩体。

我已经尝试过了：

[rows]="(barges$ | async) && (trucks$ | async)"

但是它只会显示最后一个“卡车”。