p-table rowsPerPageOptions不会展开下拉列表

Question

我正在使用p-table组件尝试使用每页行数的下拉选项显示分页器选项（rowsPerPageOptions）：

<p-table
  [columns]="cols"
  [value]="myData"
  [paginator]="true"
  [rows]="2"
  [rowsPerPageOptions]="[1,2,3]">

该表显示了paginator控件，但包含每页选项的下拉列表不会展开（删除）。

以下是该应用的stackblitz链接 - https://stackblitz.com/edit/angular-xywt2w?file=app/provider-search/provider-search.component.html

为什么下拉列表不起作用？

Answer 1

确保在BrowserAnimationsModule

中导入app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 

@NgModule({
  imports: [ BrowserModule,BrowserAnimationsModule ... ]
  // ...
})

Answer 2

正确的形式：

[rowsPerPageOptions]="['5', '10', '20', '50']"