是否可以使用primeNg数据表通过拖放对冻结的列进行重新排序?

时间:2019-05-14 09:18:34

标签: angular primeng primeng-datatable primeng-turbotable frozen-columns

我正在尝试实现一个数据表,其中前五列被强制保留,并且每一列都应可重新排序。

我正在使用带有primeNG数据表组件的Angular 7。

问题是强制列不能重新排序,因为primeNg使用两个不同的数组来保存冻结列的状态,而其他数组则保持不变。

我尝试使用onColReorder($ event)回调,但是它只显示其他列数组的索引。这使我无法跟踪行进路线。

我正在使用的表格格式:

<p-table [columns]="columns" [frozenColumns]="frozenColumns" [value]="carsData" [reorderableColumns]="true" [resizableColumns]="true"
     frozenWidth="200px" [scrollable]="true" (onColReorder)="onReorder($event)">
        <ng-template pTemplate="colgroup" let-columns>
            <colgroup>
                <col *ngFor="let col of columns" style="width:200px">
            </colgroup>
        </ng-template>
        <ng-template pTemplate="header" let-columns>
            <tr>
                <th *ngFor="let col of columns" pReorderableColumn pResizableColumn>
                    {{col.header}}
                </th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-rowData let-columns="columns" let-index="rowIndex">
            <tr>
                <td *ngFor="let col of columns" class="ui-resizable-column">
                    {{rowData[col.field]}}
                </td>
            </tr>
        </ng-template>
    </p-table>

我希望冻结的列应该与其余的列重新排序。

0 个答案:

没有答案