0

我使用带有嵌套 TurboTable 的 TurboTable。在行展开时,我将从服务中检索数据并将结果绑定到 TurboTable 中。当我使用嵌套 TurboTable 时,TurboTable 不显示。我使用primeng 5.2.0-rc.2

<p-table [columns]="cols" [value]="cars" dataKey="vin">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th style="width: 2.25em"></th>
            <th *ngFor="let col of columns">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-expanded="expanded" let-columns="columns">
        <tr>
            <td>
                <a href="#" [pRowToggler]="rowData">
                    <i [ngClass]="expanded ? 'fa fa-fw fa-chevron-circle-down' : 'fa fa-fw fa-chevron-circle-right'"></i>
                </a>
            </td>
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
    <ng-template pTemplate="rowexpansion" let-rowData let-columns="columns">
        <tr>
            <td>
              <p-table [value]="cars">
                    <ng-template pTemplate="header">
                        <tr>
                            <th>Vin</th>
                            <th>Year</th>
                            <th>Brand</th>
                            <th>Color</th>
                        </tr>
                    </ng-template>
                    <ng-template pTemplate="body" let-car>
                        <tr>
                            <td>{{car.vin}}</td>
                            <td>{{car.year}}</td>
                            <td>{{car.brand}}</td>
                            <td>{{car.color}}</td>
                        </tr>
                    </ng-template>
            </p-table>
            </td>
        </tr>
    </ng-template>
</p-table>
4

2 回答 2

0

你可以看看这个例子:

https://stackblitz.com/edit/primeng-turbo-table-qaspj4?file=app%2Fexp-table%2Fexp-table.component.html

于 2018-07-31T17:55:01.993 回答
0

不要对主 TurboTable 和嵌套 TurboTable 使用相同的 value 属性...为嵌套 turboTable 尝试不同的值。

于 2018-03-01T06:20:16.970 回答