问题标签 [mat-pagination]

我正在尝试通过分页实现内联行添加到我的表中。为了确保新行可见，我将用户引导到最后一页

但是，当只有足够的数据可以将页面填充到页面大小的限制时，例如页面大小为 10 的 10、20、30，它不会将我引导到新页面（只有一行我只是添加）。（同时，分页器在底部显示正确的行数，我可以手动导航到它）

果然，我可以看到this.dataSource.paginator.length显示过时的数字（即使我已经完成了

将新行推送到数据源的技巧）

我尝试了一些我在 Stackoverflow 中遇到的黑客，比如

或尝试强制导航到下一页

我的组件

}

HTML

不用说，我已经删除了一些代码长度

有任何想法吗？

所以我正在做一个项目，我通过从 API 获取数据创建了一个数据表。我无法使用 MatPaginator 更新我的 dataTable ，所有数据仍显示在单个页面上，尽管我能够在 UI 中看到我的分页器并且它也在读取总数。我拥有但无法对 DataTable 进行分页的数据。我正在为 UI 使用 Angular 12 和 Angular Material。

下面是我的 .ts 文件。

下面是我的html文件

PS-我设置时数据未显示在DataTable上[dataSource]= "dataSource"

我想要在 dataSource 下面的分页器，但它显示错误
属性 'paginator' 在类型 'MatTreeFlatDataSource<TreeNode, TreeFlatNode>' 上不存在

尝试过

我已经使用 angular 在我的应用程序中实现了分页。

1. 有没有办法将 > 图标更改为标有“下一步”的文本？

2. 有什么办法可以只将“每页的行数”和“显示”放在顶部，并将“下一个”箭头图标放在表格的底部。

3. 是否可以交换两个文本的放置，我需要交换文本的放置-希望首先有“显示”，然后是“每页行数”文本。

   <mat-paginator #paginator1 [pageSizeOptions]="[5, 10, 20, 50, 100]" aria-label="选择周期元素的页面">

对此的任何帮助表示赞赏。