When a pager control uses responsive mode, but renders initially as hidden, the control fails to render properly.
The control should render to the appropriate responsive mode regardless of whether the control is visible or not when it is initially rendered.
Hello Philip,
This behavior is a known limitation of the Kendo UI Pager in responsive mode. When the Pager is initialized while its container is hidden (such as inside a tab panel or a collapsed section), it may not render correctly once it becomes visible. This happens because the Pager cannot accurately calculate its size or responsive layout when its parent container has no visible dimensions.
Workaround
To address this, you can manually refresh the Pager after making its container visible. This forces the Pager to recalculate its layout and render properly:
// After showing the container or tab
$("#pager").data("kendoPager").refresh();
The behavior is described also in the following article:
I am changing the status of the current issue to 'Unplanned'. We will monitor the community interest and based on the votes the issue gathers it could be considered for implementation in a future release.
Regards,
Neli
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.