【发布时间】：2019-02-03 03:28:27
【问题描述】：
我有一张大底桌：
<p-table #dt [value]="artefacts" [columns]="cols" [paginator]="true" [rows]="numberRows" [tableStyle]="{'table-layout':'auto'}">
大量条目导致表格超过 100 页。但是，分页按钮的宽度是固定的，只有两位数的字体大小会减小。对于三位数字，它看起来像这样：
是否可以覆盖一些 css 属性来增加这些按钮的宽度？
【问题讨论】：
-
请问您能否创建一个能够重现该问题的堆栈闪电战？
-
你可以在你的styles.css中试试
.ui-paginator .ui-paginator-pages .ui-paginator-page{ min-width: 2.5em !important; } -
我实际上无法重现它。在我创建 stackblitz.com/edit/test-p-table-hfvjz9 的 stackblitz 中，分页按钮缩放就像一个魅力。但是，@fatemefazli 你的修复对我有用！您可能希望将其添加为答案。我会试着弄清楚为什么它对我不起作用。
-
您是否将样式添加到 src 文件夹的 styles.css 中？
-
@fatemefazli 我没有styles.css（jhipster生成的项目）因此我把它放在src/main/webapp/content/css/文件夹的global.css中