Issue with column size while loading

[Louis]

Hi,

I'm experiencing a visual issue where the column width of my columns in a RadGridView is very small while the RadGridView is loading. In my product, it give sort of a "jitter" feel when you load the application. I've attached to this post 3 pictures, the first step where we see the shrunken header columns, the second step where the columns grows but it creates a scrollbar, and the final step where I get the desired visual. 

Overall it takes 90ms for the datagrid to settle to the final step. I am not very concerned about the scrollbar as I don't observ this in my final application (probably due with a different layout than this simple test of a GridView in a Grid).

I include a link to a very minimalistic project that can let you recreate the issue : https://drive.google.com/file/d/0B9yNrE596_TZeTBzd241OFhZMWM/view?usp=sharing

This gives our application a very janky feel, I hope it's just a matter of me not having setup the width of the columns properly or something like that!

Thanks in advance!

Louis

 

 

[Dinko | Tech Support Engineer]

Hello Louis,

Thank you for the provided additional files.

I am not sure that I was able to understand this behavior and I wasn't able to reproduce it on my side. Can you elaborate more on the explained scenario?

• Can you tell me the exact steps I need to follow to recreate it on my side?
• How are you changing the columns width?
• Are you changing them runtime or programmatically?
• Which version of VS are you using?

You can send me any additional information that you think will help me to better understand your scenario.

Regards,
Dinko
Progress Telerik

[Louis]

Hi Dinko,

Thank you for looking into this issue :)

When I read that you weren't able to recreate the issue, I went ahead and tested it on another computer. At first I did beleive that I wasn't able to recreate the issue, but it turns out the second compute I tested was just much faster. If you pay attention, you can see it happening, altought much more subtile.

The 2 computer I have tested run Visual Studio 2017 professional with Windows 10 Home for 1 and windows 10 pro for the other. Spec wise, you are looking at a I7-3770 with 16 gb of rams for computer 1 and a I7-7700 with 16 gb ram for computer 2.

The exact step to recreating the issue is simply running the solution I've provided. I've made the following video to help you recreate the issue and provide some more explanation : https://drive.google.com/file/d/0B9yNrE596_TZSUxqcGkzY2t0VjQ/view?usp=sharing

I hope this helps you with reproducing the issue. Let me know if I can help further.

[Dinko | Tech Support Engineer]

Hi Louis,

Thank you for the provided video. 

I manage to understand this behavior. Whenever a star column is defined RadGridView needs two layout passes to set up all columns correctly which may cause the undesired visual behavior that is observed in the video.

A possible workaround is to set a predefined width of the columns. Another possible workaround is to show some kind of the loading indicator for a very short time to give the grid a change to calculate its columns correctly. Also, the control has a built-in busy indicator which you can use to show that the grid view is loading data. When you start loading your data you can set the IsBusy property of RadGridView to True and after the data is loaded set it to false. You can consider showing some kind of progress using RadBusyIndicator or RadProgressBar control.

Regards,
Dinko
Progress Telerik