如何在 Angular 中使用 primeNG 分页器

Question

我无法在我的 Angular 应用程序中固定 primeNG 分页器。该分页器包含一个下拉列表，这实际上是我想要对其进行样式化以进行数据编号选择的位置。我查了很多次还是没找到答案。

 <p-paginator styleClass="customPrime" [first]="first" [rows]="rows" [totalRecords]="120" [rowsPerPageOpitons]="[10,20,30]"/>

我尝试了 :host 和 ::ng-deep 代码与我的 styleClass 但没有工作。

Answer 1

我们可以使用下面的CSS，我必须将CSS文件包含在

@Component({...})

装饰器中，也许这就是问题所在！

::ng-deep .styled-paginator .p-paginator-rpp-options {
  border: 1px solid black !important;
  background-color: azure !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

Stackblitz 演示