Columns are only able to be dragged and dropped to the limit of the grid as it's displayed on screen. If a user wants to drag a column further, they have to drop it at the edge of the grid then scroll the grid across, then drag and drop it a second time to get it to their desired position. Can smarts be added so the grid scrolls left/right as a column is dragged beyond the a screen width's display of the grid?
Hi Sonu,
Thank you for the provided link.
My name is Martin and I am part of the Kendo UI for Angular team.
I will begin by providing some general information.
When the Grid contains locked columns as for this functionality to work, internally the Grid content is split and rendered into two separate tables - one non-scrollable containing the locked columns, and one scrollable for the scrollable content. Currently, the Grid does not support to lock columns separately. That is why there is a logged a feature request where people can vote for it and help us to estimate the customer demand for such an enhancement. Feel free to add any further comments in the thread:
https://feedback.telerik.com/kendo-angular-ui/search?searchterm=locked
The mentioned link points to the locked columns feature where column reordering is not included. For more information about reordering feature, please check the following article:
https://www.telerik.com/kendo-angular-ui/components/grid/columns/reordering/
I prepared a StackBlitz example of a Grid that demonstrates both features at once:
https://stackblitz.com/edit/angular-ps6mkq?file=app/app.component.ts
The functionality can be further adjusted by prevent dragging non-locked columns before or between the locked columns by using [lockable] and [reorderable] options of the <kendo-grid-column> component. Here is an example where the ID column cannot be reordered:
https://stackblitz.com/edit/angular-uqup7d-uzofkg?file=app/app.component.ts
I hope this sheds some light on this case. If any further questions come up do not hesitate to contact us back.
Regards,
Martin
Progress Telerik
is this available with the Angular 8?
I can see that it is not working with the Angular 8
https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked/
The autoscroll feature is automatically enabled for column reordering - you can test it on this demo - http://demos.telerik.com/kendo-ui/grid/frozen-columns.
We could use this feature. Drag and drop would be preferred but even a Move To Position where we type in a column number would be helpful.
This is a useful feature, especially when using wide grid on mobile devices.