angular - 如何在 primeng 数据表上设置默认排序顺序？

Question

我正在使用 prime-ng dataTable 组件来显示用户列表。我希望此列表默认按第一列降序排列，并让 dataTable 显示第一列已排序。

 <p-dataTable [value]="webUserSummaryList" [rows]="10"  reorderableColumns="true">
    <p-column field="userName" header="Username" [filter]="true" [sortable]="true"></p-column>
    <p-column field="emailAddress" header="Email" [filter]="true" [sortable]="true"></p-column>
    <p-column field="firstName" header="First Name" [filter]="true" [sortable]="true"></p-column>
    <p-column field="lastName" header="Last Name" [filter]="true" filterMatchMode="contains" [sortable]="true"></p-column>
</p-dataTable>   

编辑:我想出一种设置默认排序列的方法是使用 sortField="userName"。但是，我仍然无法让该列默认为降序。

Answer 1

我想通了。应该添加这两个属性:

sortField="userName" [sortOrder]="-1"

sortField 与列名匹配，sortOrder 可以是 1(升序)和 -1(降序)。

这是有效的解决方案:

<p-dataTable [value]="webUserSummaryList" [rows]="10"  reorderableColumns="true" sortField="userName" sortOrder="-1">
<p-column field="userName" header="Username" [filter]="true" [sortable]="true"></p-column>
<p-column field="emailAddress" header="Email" [filter]="true" [sortable]="true"></p-column>
<p-column field="firstName" header="First Name" [filter]="true" [sortable]="true"></p-column>
<p-column field="lastName" header="Last Name" [filter]="true" filterMatchMode="contains" [sortable]="true"></p-column>