angular - 其他 ngx-datatable rowDetail 中的 ngx-datatable？

Question

我是 Angular 4 和 ngx-datatable 的新手，但我遇到了困难。现在，我有一个带有简单 rowDetail 的 ngx-datatable，就像显示的一样 here .问题是我需要 rowDetail 来包含另一个 ngx-datatable，我不知道这是否可能。

谁能给我一些线索？

提前致谢!

Answer 1

好吧，终于没什么大不了的了。我在这里留下了此类表格的示例模板，供像我一样被卡住的人使用:

  <ngx-datatable #myTable class="material expandable" [rows]="rows" columnMode="flex" [headerHeight]="headerHeight"
    [footerHeight]="footerHeight" [rowHeight]="rowHeight" [loadingIndicator]="loadingIndicator" [externalPaging]="true"
    [count]="page.totalElements" [offset]="page.pageNumber" [limit]="page.size" (page)='setPage($event)'>
    <ngx-datatable-row-detail [rowHeight]="150" #myDetailRow (toggle)="onDetailToggle($event)">
      <ng-template let-row="row" let-expanded="expanded" ngx-datatable-row-detail-template>
        <div>
          <ngx-datatable #myDaughter columnMode="flex" [headerHeight]="falsey" [rows]="getDetailRows(row)"
            [footerHeight]="footerHeight" [rowHeight]="rowHeight" [loadingIndicator]="loadingIndicator" [externalPaging]="true"
            [count]="detailRows.length" [offset]="page.pageNumber" [limit]="page.size" (page)='setPage($event)'>
            <ngx-datatable-column name="A" prop="col_a"></ngx-datatable-column>
            <ngx-datatable-column name="B" prop="col_b"></ngx-datatable-column>
            <ngx-datatable-column name="C" prop="col_c"></ngx-datatable-column>
          </ngx-datatable>
        </div>
      </ng-template>
    </ngx-datatable-row-detail>
    <ngx-datatable-column [sortable]="false" [draggable]="false">
      <ng-template let-row="row" let-expanded="expanded" ngx-datatable-cell-template>
        <button md-icon-button [class.datatable-icon-right]="!expanded" [class.datatable-icon-down]="expanded" title="Expand/Collapse Row"
          (click)="toggleExpandRow(row)"></button>
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="A" prop="col_a"></ngx-datatable-column>
    <ngx-datatable-column name="B" prop="col_b"></ngx-datatable-column>
    <ngx-datatable-column name="C" prop="col_c"></ngx-datatable-column>
  </ngx-datatable>