p-table rowsPerPageOptions 不展开下拉列表答案

【问题标题】：p-table rowsPerPageOptions does not expand the dropdownp-table rowsPerPageOptions 不展开下拉列表
【发布时间】：2018-12-14 01:22:12
【问题描述】：

我正在使用 p-table 组件尝试通过带有每页行选项 (rowsPerPageOptions) 的下拉菜单显示分页器：

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

使用分页器控件可以正常显示表格，但包含每页选项的下拉菜单不会展开（下拉）。

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

为什么下拉菜单不起作用？

【问题讨论】：

标签： angular primeng paginator

【解决方案1】：

正确形式：

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

【讨论】：

谢谢。现在，选择了每页选项下拉菜单。

【解决方案2】：

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

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

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

【讨论】：

这正是问题所在！固定！