如何使已检查的行在turbotable中显示在顶部

Question

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

我该如何实现？

Answer 1

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

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

您要做的就是改变位置。

Answer 2

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

    <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>