数组的 ngx-datatables 元素

Question

我在结构中有元素数组：

rsDoorInfo
{
  tDoorNumArray:["701","702",...,"800"],
  tStartDate:["17-JUN-2018 15:51:00",","17-JUN-2018 15:51:00",...,"17-JUN-2999 15:51:00"],
  tEndDate:["17-JUN-2019 15:51:00", "17-JUN-2019 15:51:00",...,"17-JUN-2019 15:51:00"]
}

每个数组中有 100 个元素。我无法在 ngx-datatable 上显示此数据。我想显示为：

Door Number | Start Date | End Date

有没有什么方法可以在不改变数据结构的情况下做到这一点？谢谢。

Answer 1

您可以在 datatable-column 中使用模板，这样您就可以从行对象中提取任何信息。

使用 tDoorNumArray 作为 table 行中的数组。在每一行中，您可以获得索引，因此可以通过索引

访问数据

<ngx-datatable [rows]="rsDoorInfo.tDoorNumArray">
  <ngx-datatable-column name="Door Number">
    <ng-template let-row="row" let-rowIndex="rowIndex">
      {{ row }}
    </ng-template>
  </ngx-datatable-column>

  <ngx-datatable-column name="Start Date">
    <ng-template let-row="row" let-rowIndex="rowIndex">
      {{ rsDoorInfo.tStartDate[rowIndex] }}
    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

它允许您使用当前结构，但我建议您映射此数据，这样您的视图就不必为每个 table 行查找所有数据。

数组的 ngx-datatables 元素

ngx-datatables element of arrays

ngx-datatable

angular