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

Question

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

似乎我的2个选择是：

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

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

Answer 1

我不太了解选项2的最后几行是什么构成的，但是解决问题的最干净方法是使用页脚行，如下所述：https://material.angular.io/components/table/overview#footer-row < / p>

Answer 2

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

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