web-dev-qa-db-fra.com

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

J'utilise le composant data-table prime-ng pour afficher une liste d'utilisateurs. Je voudrais que cette liste soit triée par la première colonne décroissante par défaut et que le dataTable 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 trouvé une façon de définir la colonne de tri par défaut en utilisant sortField = "userName". Cependant, je ne peux toujours pas obtenir la colonne par défaut dans l'ordre décroissant.

angularprimeng
13
Heather92065

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

sortField="userName" sortOrder="-1"

Le sortField correspond au nom de la colonne et le sortOrder peut être 1 pour croissant et -1 pour décroissant.

Voici 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>
43
Heather92065