p-table rowsPerPageOptions 不展开下拉

Question

我正在使用 p-table 组件，试图通过带有每页行数选项的下拉列表显示分页器 (rowsPerPageOptions):

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

table 在分页器控件中显示良好，但包含每页选项的下拉列表不会展开（下降）。

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

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

Answer 1

确保在 app.module.ts

中导入 BrowserAnimationsModule

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

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

Answer 2

正确的形式：

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

p-table rowsPerPageOptions 不展开下拉

p-table rowsPerPageOptions does not expand the dropdown

paginator

primeng

angular