primeng-turbotable - 如何在turbotable的顶部显示选中的行

Question

我正在使用涡轮增压器，其中第一列是复选框选择。我需要在表格顶部显示选中的行。

我该如何做到这一点？

Answer 1

您需要使用 pTemplate = caption 并在其中显示详细信息：

    <p-table #dt [columns]="cols" [value]="cars" [paginator]="true" [rows]="10">
        <ng-template pTemplate="caption">
                <div style="text-align: right">        
                    <ul>
                        <li *ngFor="let car of selectedCars2" style="text-align: left">
                            {{car.vin + ' - ' + car.brand + ' - ' + car.year + ' - ' + car.color}}
                        </li>
                    </ul>    
                </div>
    </ng-template>
<ng-template pTemplate="header" let-columns>
...
</ng-template>

Answer 2

primeNG 文档https://www.primefaces.org/primeng/#/table/selection

他们有一个例子，在表格底部显示选定的行，

你所要做的就是改变位置。