如何增加主菜单分页（翻页）按钮的宽度？

Question

我有一个大的primg表：

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

大量条目导致该表具有超过100页。但是，分页按钮的宽度是固定的，只有两位数字的字体大小减小。对于三位数的数字，它看起来像这样：

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

Answer 1

您可以尝试：

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

请注意，将样式添加到您的src文件夹的styles.css中。