Comment puis-je définir l'ordre de tri par défaut sur la base de données primeng?

Question

J'utilise le composant dataTable prime-ng pour afficher une liste d'utilisateurs. Je voudrais que cette liste soit triée par la première colonne descendant par défaut et que la table de données affiche la première colonne comme triée.

<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> 

Edit: J'ai compris un moyen de définir la colonne de tri par défaut est d'utiliser sortField = « userName ». Cependant, je ne peux toujours pas obtenir la colonne par défaut à l'ordre décroissant.

Answer 1

Je l'ai compris. Ces deux attributs peuvent être ajoutés:

sortField="userName" sortOrder="-1" 

Le sortField correspond au nom de la colonne et la sortOrder peut être soit 1 pour monter et -1 pour la descente.

est ici la solution de travail:

<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>