This is a migrated thread and some comments may be shown as answers.

Column resize causing grid to scoll in from left

1 Answer 246 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 17 Nov 2015, 03:57 PM

Hello,

I have a grid with about 15 columns.  When my page displays, I have a horizontal scroll bar at the bottom.  I drag the scroll bar all the way to the right so I can see my right most columns.  So far no issues. 

If I then pick any visible column and resize it by dragging its right border to the left a bit, instead of the columns to the right moving closer, the columns to the right stay stationary and the columns to the left of the one I am resizing scroll in from the left side.

I am looking to simply resize a column by moving its right border closer to its left border and having the columns to the right move in closer.  I don't want the fields to the left to start moving in from the left side.

I have looked through the documentation and have not seen a way to do this.  Is the behavior described here the way the grid was designed to work, or is there a way I can achieve my desired functionality.  The issue seems to be related to the horizontal scrollbar and how it comes into play with column resizing.

Please provide a link to a code snippet if possible, or an explanation if this is not possible.

Thank you very much!

Dave

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 19 Nov 2015, 03:29 PM
Hi Dave,

The observed column behavior is expected, because when the resized column's width is reduced, the width of the scrollable data area is reduced as well. Since the right end of the table is already visible, the right-most columns stay in place, while the columns on the left move. The desired behavior is possible to occur in the following cases only:

- The Grid data area is not scrolled to its right end.
- A horizontal scrollbar is not present. In this case an empty space will appear after the last Grid column.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Dave
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or