Wie Sie Daten in einer PrimeNG DataTable mit Zeilengruppierung sortieren

Question

Was ich tun möchte, ist die Daten bereits in alphabetischer Reihenfolge oder benutzerdefinierte Reihenfolge gruppiert. Ich habe das sortField Attribut benutzt, das die groupheader Reihenfolge spezifiziert, aber ich muss die Daten innerhalb der Gruppe auch bestellen.

Answer 1

Ich habe die gleichen Probleme. Ich habe maßgeschneiderte Art hinzugefügt zu lösen diese gibt

eine Art

<p-column field="color" header="color" sortable="custom" (sortFunction)="sortByColor($event)"></p-column> 

Im Typoskript erstellen CustomSort angepasst Hinzufügen

sortByColor(e) { 
    this.cars.sort(function (a, b) { 
     let aGroup = a.name.toLowerCase(); 
     let bGroup = b.name.toLowerCase(); 
     if (aGroup > bGroup) return 1; 
     if (aGroup < bGroup) return -1; 
     let aSort = a.color.toLowerCase(); 
     let bSort = b.color.toLowerCase(); 
     if (aSort > bSort) return 1; 
     if (aSort < bSort) return -1; 
     return 0 
    }); 
    }