0

https://primefaces.org/primeng/showcase/#/table

首先,我希望表格在我的列“订单”上进行初始排序:它有效。

然后,用户可以自己手动更改另一列的排序(如“名称”)......

当用户点击“编辑”按钮时,他可以更改项目的顺序。
为了更好的用户体验和更好的逻辑,我想强制将列顺序重置为其初始形式:“顺序”。

app.component.html

<p-table [value]="values" #table sortField="order" [sortOrder]="1" sortMode="single">
 <ng-template pTemplate="header">
  <tr>
   <th pSortableColumn="order" [pSortableColumnDisabled]="!readOnly">
    ORDER
    <p-sortIcon *ngIf="readOnly" field="order"></p-sortIcon>
   </th>
   ...
  </tr>
 </ng-template>
 <ng-template pTemplate="body">
  ...
 </ng-template>
</p-table>

app.component.ts

//@ViewChild('table') table: Table;
@ViewChild('table', { static: false }) table: Table;

onChangeMode() {
 this.table.sortMode = 'single';
 this.table.sortField = 'order';
 this.table.sortOrder = 1;
 this.table.reset();
}

但是“重置”功能似乎在这里不起作用......(没有任何变化)
我忘记了什么吗?

谢谢您的帮助 !

4

0 回答 0