排序時，如何始終在 Angular+Material 表的底部保留一行？

Question

我有一個包含對象列表的表格，底部有一行包含總計。

| name  | value1 | value2 |
---------------------------
| Alice | 1      | 2      |
| Bob   | 2      | 4      |
| Carl  | 3      | 1      |
| TOTAL | 6      | 7      |

我已經實現了一個自定義排序訪問器來對我的對象的各種屬性進行排序，並且它工作正常。

我唯一的問題是總行也正在排序。

即，如果我按名稱排序（升序或降序），則標題為 TOTAL 的行應始終排在最后。

我可以通過返回 'ZZZZZZZZ' 作為自定義排序訪問器的值在一個方向上將 TOTAL 排序到底部，但在另一個方向排序時也將該行作為第一行！

如何確保表中的最后一行始終是最后一行，無論表中其他行的排序方式如何？

Answer 1

您需要將MatFooterRowDef輸入設置為sticky 。 API 文檔在這里。 官方示例在這里。 這個問題可能對你有幫助。