Problem with PagerSummary when PagerHorizontalAlign is set to HorizontalAlign.Center

Radzen.Blazor Components
1

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

123
123952×108 2.3 KB

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

RadzenDataGrid:
PagerHorizontalAlign = "HorizontalAlign.Center"
ShowPagingSummary="true"

Thanks

2

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:

image
image1958×1064 163 KB

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
3

Thank you very much!