javascript - 如何使用 Angular Material 表滚动到特定页面中的特定行

Question

我使用 Angular Material 在分页表格中显示数据，当用户单击一行时，我将他重定向到另一个页面，如果他想返回表格页面，他单击一个按钮。

我的问题是用户需要返回表格页面并滚动到特定行，我这样做

document.getElementById(elementId).scrollIntoView()

但是如果点击的行不在第一页，则找不到该元素，如何分页到该行所在的页面？

第二个问题是用户可以过滤表格然后选择特定行，如果我保存页码，当他返回表格页面时，数据将在没有过滤的情况下呈现，页码将不正确

Answer 1

当你转到另一个页面时，你必须保存有关pageIndex的信息，因为当你返回数据表时，你必须将此索引号赋予[pageIndex]。例如:

<mat-paginator [length]="length"
          [pageSize]="pageSize"
          [pageSizeOptions]="pageSizeOptions"
          (page)="pageEvent = $event"
          [pageIndex]="pIndex">
</mat-paginator>

这里的pIndex是我在组件中定义的一个变量。如果您的 pageSize 是 10 并且 pageIndex 是 0 那么它会显示 1 到 10 行...

了解更多信息:https://stackblitz.com/angular/ngdejmepgbr?file=app%2Fpaginator-configurable-example.html