问题标签 [mat-pagination]

我总共有 7 条来自 graphql 调用的记录。我在第 0 页显示 2 条记录。然后在每一页上我应该得到 2 条记录。分页器组件应该说 1-2 of7。但不知何故，它说 1-2 of 2 并且下一个箭头被禁用。所以我无法向后端发送请求以获取下一页的数据。我正在使用 mat-paginator 实现服务器端分页。如何正确设置总计数，以便启用我的下一个箭头。

HTML

历史组件.ts

我想在响应式分辨率中避免 mat-table 中的垂直滚动条。为此，我需要将 mat-paginator [pageSize] 属性值减少到 4。我们可以为不同的分辨率设置不同的 [pageSize] 值吗？

我正在使用 MatTable 和 MatPaginator，因为我需要服务器端分页，所以我创建了一个自定义 DataSource 类，它正在实现 cdk/table/DataSource 类。

分页工作正常。但是现在当我测试自定义 DataSource 类时出现错误： 无法解析 AccountDetailsDatasource 的所有参数

我怀疑该类没有获取 MatPaginator 实例。我做错了什么

CustomDataSource 的代码是：

我的测试类的代码是：

我正在尝试使用 mat-paginator 进行分页，但是当我单击并更改页面大小时没有任何反应，pageSize(limit) 仍然与服务器端限制相同，没有任何改变

裁判列表.ts：

裁判服务.ts：

serverSide 分页：我使用 mongoose-paginate-v2 在节点 js 中的服务器端进行分页

裁判列表.html：

有任何想法吗？提前致谢

在 4 个按钮中，我想将其中一个用作下一页按钮。这个怎么做？
这是分页器 HTML

这些是打字稿代码的相关部分

我正在使用 mat-paginator 对表格进行分页。第一次加载页面时分页工作正常。但是，如果我执行 CRUD 操作，则分页不起作用。所有行都显示在同一页面中。我认为这是因为我在 *ngIf 中使用分页来按条件显示结果表。我研究了谷歌并尝试了一些解决方案，比如使用 [hidden]，在@viewchild 分页字段中将静态设置为 false。我不知道如何解决这个问题。

users.component.html

我的<mat-paginator>元素工作正常，我只想知道如何使用@testing-library/angular 库测试属性的getPaginatorData方法？(page)

这是我的组件

提前致谢。

我正在使用角材料表。我在表格中以不同的样式显示第一行。由于当我们移动到不同的页面时数据源会发生变化，所以第一行不会被冻结。

因此，当我使用 mat-paginator 移动到不同的页面时，第一行应该被冻结（默认我将 mat-paginator 的 pagesize 设置为 10）。

请帮助我了解如何实现这一目标，因为我坚持优先交付成果。

我将 MatPaginator 与 MatTableDataSource 一起使用，当我将数据分配给 dataSource 时，它​​会更改我分配给 MatPaginator 的长度。因此，当我加载下一页、排序或过滤时，dataSorce 会更改长度并且无法继续分页。

我的代码：

HTML

负载：

下一页之后：

我一直在尝试使用mat-paginator实现服务器端分页并且遇到了很多困难。我查看了各种博客和教程，但没有一个对我实现目标有太大帮助。

服务-

组件 .ts-

html-

我没有得到表中的数据。在这里，我在加载页面以及浏览页面（使用下一个和上一个按钮）时遇到错误，我不知道发生了什么错误以及如何解决它

谁能指导我修复它以使其完美运行？

提前致谢 ：）