2017-09-22 6 views
0

私はAngular 4とngx-datatableで新しいです、そして、私は立ち往生しています。さて、hereと同じように、簡単なrowDetailとngx-datatableを持っています。問題は、別のngx-datatableを含めるにはrowDetailが必要であり、これが可能かどうかわかりません。ngx-datatable内の他のngx-datatableのrowDetail?

誰かが私に手がかりをくれますか?

ありがとうございます!

答えて

0

最後に、大したことはありませんでした。私はこのタイプのテーブルのサンプルテンプレートを残しています。私がしたように人がつまってしまうのです。

<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> 
関連する問題