Turbo表分页问题( PrimeNG 7)

<p-turboTable [value]="data" [paginator]="true" [rows]="10" [totalRecords]="totalRecords" (onPage)="onPageChange($event)">
  <ng-template pTemplate="header">
    <!-- 表头定义 -->
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-columns="columns">
    <!-- 表格行定义 -->
  </ng-template>
</p-turboTable>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  data: any[] = []; // 你的数据数组
  totalRecords: number = 0; // 总记录数

  onPageChange(event) {
    // 处理分页事件，例如获取新的数据
    this.loadData(event.first, event.rows);
  }

  loadData(first: number, rows: number) {
    // 这里应该是你的数据加载逻辑，例如从服务器获取数据
    // 假设getDataFromServer是一个获取数据的函数
    getDataFromServer(first, rows).subscribe(response => {
      this.data = response.data;
      this.totalRecords = response.total; // 确保设置正确的总记录数
    });
  }
}