如何使用 PrimeNG 对多列进行排序答案

【问题标题】：How to sort multiple columns using PrimeNG如何使用 PrimeNG 对多列进行排序
【发布时间】：2020-12-01 03:09:51
【问题描述】：

如何在使用p-table，PrimeNG | 时对多列进行排序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>

可以有一个默认的预定义二级排序列吗？

【问题讨论】：

标签： angular sorting primeng

【解决方案1】：

是的，您可以使用multiSortMeta 属性定义多个预定义的排序。

这是一个例子：

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

见demo

【讨论】：

感谢您的精彩回答和演示。