Css 如何增加预处理表分页（翻页）按钮的宽度？

我有一个大的打底台：

<p-table #dt [value]="artefacts" [columns]="cols" [paginator]="true" [rows]="numberRows" [tableStyle]="{'table-layout':'auto'}">

大量的条目导致表有100多页。但是，分页按钮的宽度是固定的，只有两位数的字体大小减小。对于三位数字，它如下所示：

是否可以覆盖某些css属性以增加这些按钮的宽度？

您可以尝试：

.ui-paginator .ui-paginator-pages .ui-paginator-page{ 
min-width: 2.5em !important; 
}

---

请注意，要在src文件夹的

styles.css

中添加样式，您是否能够创建一个复制问题的stackblitz？您可以尝试

.ui paginator.ui paginator pages.ui paginator pages pages paginator page{min width:2.5em！important；}

在您的样式中。cssI实际上无法复制它。在stackblitz中，我创建了分页器按钮缩放功能。然而，@fatemefazli你的方法对我有效！您可能希望将其添加为答案。我会尝试找出为什么它对我不起作用。你是否将样式添加到src文件夹的styles.css中？@fatemefazli我没有styles.css（jhipster生成的项目），因此我将它放在src/main/webapp/content/css/文件夹的global.css中