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

Question

我使用p table组件试图显示带有下拉列表的分页器(rowsPerPageOptions)：

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

该表在分页器控件中显示得很好，但是包含每个页面选项的下拉列表不会展开(拖放)。

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

为什么下坠不起作用？

Answer 1

确保在您的BrowserAnimationsModule中导入app.module.ts

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

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

Answer 2

正确表格：

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