The element should be draggable on screen. Please refer the following Jquery draggable. Kendo does not support such feature. https://jqueryui.com/draggable/
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?