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();
}
但是“重置”功能似乎在这里不起作用......(没有任何变化)
我忘记了什么吗?
谢谢您的帮助 !