web-dev-qa-db-ja.com

primengデータテーブルでデフォルトのソート順を設定するにはどうすればよいですか？

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"を使用することです。ただし、列をデフォルトの降順にすることはできません。

angularprimeng
13
Heather92065

私はそれを考え出した。次の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>
43
Heather92065