Angular 如何使用PrimeNG对多个列进行排序

如何在使用

p-table

、priming | Angular UI组件库时对多列进行排序

<h3>Multi Sort Columns</h3>
<p-table
  [columns]="cols"
  [value]="cars1"
  [lazy]="lazy"
  [lazyLoadOnInit]="lazyLoadOnInit"
    (onLazyLoad)="loadList($event)"
  [sortMode]="sortMode"
  [multiSortMeta]="multiSortMeta">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns" [pSortableColumn]="col.field">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr>
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>
</p-table>

多排序列
{{col.header}}
{{rowData[col.field]}

---

是否存在默认的预定义辅助排序列？

是的，您可以使用

multiSortMeta

属性定义多个预定义排序

以下是一个例子：

[multiSortMeta]="[{field: 'quantity', order: -1}, {field: 'price', order: 1}]"

---

请参见

谢谢您的精彩回答，并附上演示。