Completed
Last Updated: 10 Mar 2020 10:35 by ADMIN
Adam
Created on: 18 Apr 2013 06:49
Category: Drag and Drop
Type: Feature Request
24
Allow column drag and drop to activate a left/right scroll bar on grid
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?
5 comments
ADMIN
Martin Bechev
Posted on: 10 Mar 2020 10:35

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Sonu
Posted on: 04 Mar 2020 09:28

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/

ADMIN
Petyo
Posted on: 09 May 2016 16:30
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.
Mike
Posted on: 12 May 2015 14:19
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.
Matti
Posted on: 23 Apr 2015 08:46
This is a useful feature, especially when using wide grid on mobile devices.