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
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