获取当前页面并移动到 Primeng 数据表中的特定页面

Question

我正在使用 primefaces - primeNg 的数据表。我可以获取我所在的当前页面并以编程方式将数据表设置为特定页面吗？

我看到数据表里面使用了分页组件，但是如何使用@ViewChild访问它呢？任何帮助将不胜感激。

Answer 1

<p-dataTable #dt [value]="items" [rows]="10" [paginator]="true" [(first)]="first"  (onPage)="paginate($event)">

解决方法 - 以编程方式将数据表设置为特定页面。

@ViewChild('dt') dataTable: DataTable;

setCurrentPage(n: number) {
    let paging = {
    first: ((n - 1) * this.dataTable.rows),
    rows: this.dataTable.rows
};
this.dataTable.paginate(paging);
}
// this.setCurrentpage(pageNumber) will set table to given page number

要获取您所在的当前页面，请像这样使用 (onPage) 事件

paginate(event) {
//event.first: Index of first record being displayed 
//event.rows: Number of rows to display in new page 
//event.page: Index of the new page 
//event.pageCount: Total number of pages 
let pageIndex = event.first/event.rows + 1 // Index of the new page if event.page not defined.
}

似乎 defect 提出了以下设置页码的方法，因此您可能需要使用变通方法，直到缺陷被关闭。根据 primeng 文档要以编程方式将数据表设置为特定页面，请将 'first' 设置为您要查看的行号。例如

this.first = 10 //will show second page, OR
this.first=20  //will show third page.

获取当前页面并移动到 Primeng 数据表中的特定页面

Get current page and move to specific page in NgPrime datatable

angular

primeng

primeng-datatable