我是Angular 4和ngx-datatable的新手,我被卡住了。现在,我有了一个带有简单rowDetail的ngx-datatable,就像它显示的here一样。问题是我需要rowDetail包含另一个ngx-datatable,而我甚至不知道这是否可能。
有谁能给我点提示吗?
提前感谢!
发布于 2017-09-23 08:46:21
好了,终于没什么大不了的了。我在这里留下了一个这种类型的表的样本模板,供像我这样被卡住的人使用:
<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>https://stackoverflow.com/questions/46365215
复制相似问题