2016-05-25 18 views
7

Używam elementu data-content prime-ng do wyświetlania listy użytkowników. Chciałbym, aby ta lista była sortowana według pierwszej kolumny opadającej domyślnie i aby dataTable wyświetlała pierwszą kolumnę jako posortowaną.Jak ustawić domyślną kolejność sortowania na danych pierwotnych?

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

Edytuj: Zorientowałem się, że jednym ze sposobów ustawienia domyślnej kolumny sortowania jest użycie sortField = "userName". Jednak nadal nie mogę ustawić domyślnej kolumny w kolejności malejącej.

Odpowiedz

22

Wymyśliłem to. Te dwie cechy mogą zostać dodane:

sortField="userName" sortOrder="-1" 

sortField odpowiada nazwie kolumny, a sortowanie może być 1 dla podnoszenia i -1 o malejącym.

Oto roztwór roboczy:

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

+0

'[sortowanie] = "- 1"' – sabithpocker

Powiązane problemy