Website-Suche

Angular - Paginierung in PrimeNG mit Datentabelle


Ich muss automatisch durch die Seiten navigieren, wenn die maximale Anzahl von Zeilen pro Seite erreicht ist.

Ich habe eine DataTable und ein Array, die die Datensätze sind. Ich habe meinem Array zwei Elemente hinzugefügt und die Eigenschaft [rows] auf 1 gesetzt.

.html

<p-dataTable #dt [value]="cars" [rows]="1" [paginator]="true"></p-dataTable>

.ts

this.cars.push(new Car("A", "B", "C", "D"));
this.cars.push(new Car("E", "F", "G", "H"));  

Also machte der folgende Code etwas beim Hinzufügen eines neuen Autos beim Klicken auf einen Button:

.ts

@ViewChild('dt') data: DataTable;

// before this line is all the logic to add the car in the list
if ((this.cars.length - 1) %  this.data.rows === 0) {
  this.data.paginate();
}

Wenn die erste Zeile einer neuen Seite hinzugefügt wird, führt es die Paginierung aus, aber es passiert nichts.

Was kann ich tun?