在表格上显示行计数的“材料”方式是什么？

Question

我有一个项目，其中有多个 Angular 垫表。该项目的要求规定它必须遵守材料原则，并且每个表格还显示在其下方找到的结果的数量。我只想使用分页工具，但要求指出用户特别不希望分页。我也只会使用分页，但将页面长度设置为数据集的长度，但这看起来很混乱，并且创建了永远不会使用的导航按钮。

看来我的两个选择是：

1. 使用最终的 mat-row 并在第一列中显示当前行数（看起来不太好，看起来很老套）
2. 创建一个组件，在表格底部的所有行下方显示行计数，包括最终行（很混乱，因为某些表确实有最终垫行，并且有两个不同的行，看起来很糟糕并且不一致）

执行此操作的最佳方法是什么？

Answer 1

如果您使用材料表，dataSource则可以访问其属性：

• myDataSource.data.length显示总共有多少个项目
• myDataSource.filteredData.length显示有多少项目与当前过滤器匹配