Grid column re-sizing issue when using remote virtualization

[Tor]

I have noticed an error related to column re-sizing when using remote virtualization. During re-size I am noticing a gap appearing in the grid (see screen shot). I have also attached a sample project.
I initially thought this was due to hidden columns in the grid, but it appears to be related to scroll with remote virtualization.
The issue goes away if I disable the remote scroll/virtualization...

Browser: IE 8.0

Thanks
Tor

[Alexander Valchev]

Hello Tor,

Thank you for getting in touch with us.
This behaviour is expected - it occurs not only when virtual scrolling is turned on, but when the grid is scrollable. To verify that you may change .Scrollable(scrollable => scrollable.Virtual(true)) to .Scrollable()

The same behaviour can be reproduced in this demo. It is caused by the fact that when the grid is scrollable the content table width changes, which is why columns does not automatically expand to fill in the empty space.

Best regards,
Alexander Valchev
the Telerik team

[Tor]

Ok, thanks for your reply.
Do you anticipate that there will be a fix for this?
Some sort of automatic width adjustments? 

[Alexander Valchev]

Hi Tor,

By design when the Grid is scrollable, its table layout is fixed, which means that when you resize a column the others will preserve their width. This is not considered as a bug and I am afraid that changing the current implementation is not in our immediate plans.

As a workaround you turn of the scrolling and wrap the grid inside a scrollable container. In this way however, the grid header element will scroll together with the content. Alternative solution is to remove the alternate styling (remove k-alt class from table rows). The downside of this solution is that this will make readability worse.

Regards,
Alexander Valchev
the Telerik team