css - 如何增加 primeng 表分页(翻页)按钮的宽度？

Question

我有一个很大的 primeng 表:

<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 中添加样式。