我正在尝试实现一个数据表,其中前五列被强制保留,并且每一列都应可重新排序。
我正在使用带有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>
我希望冻结的列应该与其余的列重新排序。