Rank 1
Iron
Hi everyone,
Although small, but still noticeable problem concerning grids arises when having locked column.
The problem was pointed out by our UI testers.
So, in this jsFiddle sample, do the following :
- Resize all but the Locked column and check this normal behaviour
- Now, resize the "Locked" (first) column
- wider than its original width and (release the drag)
- smaller than its original width and (release the drag)
As we resize the Locked column, other columns do not snap or fill the gap.
1 Answer, 1 is accepted
Hello, Nick,
Thank you for the provided runnable sample.
As I understand, the behavior that you're referring to is that the other columns are not moving to the left as the locked one is getting smaller, correct?
The empty space is filled only after you end the resizing:
The reason the Grid operates in this manner is because the locked and unlocked parts of the widget are two separate tables. The sync between the two tables is performed only after the resizing ends.
If you have more than one locked column and you attempt to resize the first one, the behavior would be the exact same as in the unlocked table:
You will observe the empty space at the end, however there is no empty space between column 1(the one that is being resized) and column 2.
This is how the Grid is expected to behave.
Let me know in case I misunderstood your question.
Best Regards,
Georgi Denchev
Progress Telerik
Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.
Rank 1
Iron
Thank you @Georgi for your answer.
Yes you got my point, and we also, saw before that using Locked columns brings more HTML tables.
So, since what our UI testing team considers as a bug is a functionnality on your side, could you provide us a workaround to achieve the desired effect?
The main reason is that our development team has too much workload at the moment, so cannot give much time on investigating on it.
So, it would be a pleasure if you could help.
Hi, Nick,
I apologize about the delayed response.
You could bind an event to the draggable instance of the resizable widget and call the kendo.resize method to resize the Grid wrapper whenever the resize event is fired.
Dojo
https://dojo.telerik.com/@gdenchev/ulUMuCum
However, you must keep in mind that this approach is not officially supported so I cannot guarantee there won't be any issues with it.
Best Regards,
Georgi