Come posso impostare l'ordinamento di default sul primeng datatable?

Question

Sto utilizzando il componente data-prime prime-ng per visualizzare un elenco di utenti. Vorrei che questo elenco fosse ordinato in base alla prima colonna che scende per impostazione predefinita e che il dataTable visualizzi la prima colonna come ordinata.

<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: ho capito un modo per impostare l'ordinamento di default è quello di utilizzare SortField = "username". Tuttavia, non riesco ancora a ottenere la colonna predefinita in ordine decrescente.

Answer 1

L'ho capito. Questi attributi possono essere aggiunti:

sortField="userName" sortOrder="-1" 

Il SortField corrisponde al nome della colonna e il sortOrder può essere 1 per salita e per la discesa -1.

Ecco la soluzione di lavoro:

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