Как я могу увеличить ширину кнопок разбивки на страницы таблицы (перелистывание страниц)?

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; 
}

Обратите внимание, что для добавления стилей в папку styles.css src.