Question

我使用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>

Answer 1

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

Answer 2

您可以看一下此示例：

http://localhost/app/Book.php

TurboTable嵌套TurboTable无法正常工作

2 个答案: