Problem with PagerSummary when PagerHorizontalAlign is set to HorizontalAlign.Center

i have a problem with Pager when set property PagerHorizontalAlign.Center with PagerSummary. In this case, the pagination is not in the center.

You can see that the pager is shifted. Is it as planned? Is there any simple solution to this problem?

PagerHorizontalAlign = "HorizontalAlign.Center"


Hello @Piotr,

This behaviour is by design. The Pager deducts the space needed to show the PagingSummary and renders the buttons centered with respect to the space remaining. Here is an image showing how the items are rendered in the pager:

A solution would be to have the PagingSummary absolute positioned. Have in mind that in this case you might end up with overlapping items, especially if the pager is justified, instead of centered, or if there is not enough screen space:

.rz-paginator {
    position: relative;
.rz-paginator-summary {
    position: absolute;
    left: 0.5rem;

The recommendation, however, is to use either Left or Right horizontal align when ShowPagingSummary="true"

1 Like

Thank you very much!