【问题标题】:TurboTable nested TurboTable not workingTurboTable 嵌套的 TurboTable 不起作用
【发布时间】:2018-07-03 04:48:51
【问题描述】:

我正在使用带有嵌套 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>

【问题讨论】:

    标签: angular5 primeng webpack-3 typescript-2.5 primeng-turbotable


    【解决方案1】:
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-09-21
      • 1970-01-01
      • 2019-09-06
      • 2018-10-28
      • 2018-09-08
      • 2019-01-15
      • 2018-06-28
      • 1970-01-01
      相关资源
      最近更新 更多