使用数据表在PrimeNG上进行分页

时间:2018-04-02 22:14:48

标签: angular typescript primeng primeng-datatable

当达到每页的最大行数时,我需要自动浏览页面。

我有一个dataTable和一个作为记录的数组。我在我的数组中添加了两个项目,并将属性[rows]定义为1。

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"));  

此外,在点击按钮时添加新车时执行以下代码:

.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();
}

当添加新页面的第一行时,它会执行分页但没有任何反应。

我该怎么办?

0 个答案:

没有答案