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>
編集:デフォルトのソート列を設定する1つの方法は、sortField = "userName"を使用することです。ただし、列をデフォルトの降順にすることはできません。
私はそれを考え出した。次の2つの属性を追加できます。
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>