This is a migrated thread and some comments may be shown as answers.
Grid column re-sizing issue when using remote virtualization
3 Answers 33 Views
This is a migrated thread and some comments may be shown as answers.
Tor
Top achievements
Rank 1
Tor asked on 28 Jan 2013, 09:17 PM
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

3 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 30 Jan 2013, 05:37 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Tor
Top achievements
Rank 1
answered on 01 Feb 2013, 04:42 PM
Ok, thanks for your reply.
Do you anticipate that there will be a fix for this?
Some sort of automatic width adjustments? 
0
Alexander Valchev
Telerik team
answered on 05 Feb 2013, 09:57 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Tor
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Tor
Top achievements
Rank 1
Share this question
or