Completed
Last Updated: 17 Mar 2025 08:28 by ADMIN
Release 2025 Q2 (May)
Jordan
Created on: 07 Mar 2025 20:26
Category: Grid
Type: Bug Report
2
Grid Page selection dropdown on small screen doesn't appear until the screen is resized

I have a grid that can have a large number of pages and is intended to be able to be viewed on a small width device.

The issue is that upon loading the grid and its data, the pager of the grid isn't changing how it's displayed even though it is supposed to be adaptive.

If the page is manually resized, only then does the pager correctly show as a dropdown.

I've reproduced this in a REPL, though it seems slightly inconsistent as opposed to my main project where it is able to be reproduced every time.

In the attached gif, notice that upon loading the page, the grid shows the pager as a list of numbers as it would if the page was a large width screen, but when resizing the page slightly, it is triggered to show the pages as a dropdown, which I believe is the intended behavior.

Is this issue known and is there a way to trigger the grid to redraw its pager after the data is loaded, or some other form of workaround for this without implementing a custom pager template?

REPL

Attached Files:
1 comment
ADMIN
Dimo
Posted on: 10 Mar 2025 14:52

Hello Jordan,

Thanks for the video and REPL example.

Currently, the Grid Pager evaluates the need for an adaptive UI at:

  • Initial component display
  • Component resize

The case that is not covered is asynchronous data binding, when the data arrives after some delay. Here is a workaround that simulates Grid resizing and triggers the required size measurements: https://blazorrepl.telerik.com/czuxvkbR59oMXIvZ56

I am converting your ticket to a public bug report and awarding you some Telerik points.

Regards,
Dimo
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!