angular - 我想在primeng p-table分页中显示 "All"作为一个选项

Question

我有一个primeng p表，我有[rowsPerPageOptions]="[10, 20, 30]" ,
我还想有一个选项，它在单击时显示“全部”，它应该显示表格中可用的整行。

我根据分页器组件文档尝试了这个。[rowsPerPageOptions]="[10, 20, { showAll: All }]"
但这无济于事。
https://www.primefaces.org/primeng/#/paginator
[rowsPerPageOptions]="[10, 20, { showAll: All }]"
预期:我将能够看到“全部”

请在此堆栈 Blitz 中提供答案
https://stackblitz.com/edit/github-vmghz6-ytjegc?file=src/app/app.component.html

Answer 1

我发现的一种方法是:
[rowsPerPageOptions]="[10, 20, records.length]"

.ui-paginator .ui-dropdown .ui-dropdown-panel ul li:last-child {
  span::before {
    content: "All";
    visibility: visible;
  }
  span::after {
    content: "";
  }
  span {
    visibility: hidden;
  }

    }