angular - 将页面选择设置为 PrimeNG p-table 的最后一页

标签 angular primeng primeng-turbotable

我需要拥有我的p-table 的选定页面成为最后一页。

我能够得到我的表对象:

@ViewChild('myTable') myTable: DataTable;

ngOnInit() {

    this.subService.subsUpdated.subscribe(result => {
      this.fetchSubcontracts();
    });

    this.appForm.subAdded.subscribe(result => {
      this.added = 4;
      this.fetchSubs();
    });

  }

我尝试绑定(bind) [first][paginatorPosition]我的 p-table 上的属性到一个属性(property),但没有奏效。
<p-table #myTable
           [value]="subs"
           sortMode="multiple"
           selectionMode="single"
           (onRowSelect)="onRowSelect($event)"
           (onRowUnselect)="onRowUnselect($event)"
           [(selection)]="selectedSub"
           [columns]="columns"
           dataKey="id"
           [paginator]="subs.length > 0"
           [rows]="5"
           [first]="added"
           >

最佳答案

这对我有用:

@ViewChild('dt', { static: false }) table: Table;

this.table.first = Math.floor(this.table.totalRecords / this.table.rows) * this.table.rows;
this.table.firstChange.emit(this.table.first);
this.table.onLazyLoad.emit(this.table.createLazyLoadMetadata());

关于angular - 将页面选择设置为 PrimeNG p-table 的最后一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51792559/

相关文章:

PrimeNG TurboTable : Does dataKey need to be a column?

JavaScript/Angular - 尝试使用本地 JSON 文件设置 Google map 样式时出现问题

angular - 使用 formControlName 进行多选

angular - PrimeNG 自动完成与对象绑定(bind)

javascript - 如何手动取消选中/选中 primeng 复选框

angular - 以编程方式设置 p-tableCheckbox

angular - 如何解决 globalFilter 不是 p-table 的属性

javascript - Angular 8 升级后,Angular 脚本被插入到 HTML 文档的开头

angular - 无法在 docker 容器内运行 Angular 测试用例

angular - 如何隐藏 Material 按钮?