How can I set the default sort order in primeng file?

Question

I am using the dataTable component to convert a list of users. I would like this list to be sorted by the first column, by default, by default, and dataTable displays the first column as sorted.

<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: I found out that one way to set the default sort column is to use sortField = "userName". However, I still cannot get the default column in descending order.

Answer 1

I understood. These two attributes must be added:

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

sortField matches the column name, and sortOrder can be either 1 to increase or -1 to decrease.

Here is a working solution:

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