Hi,
I try to implement drag drop row and selection row in datagrid, So I try your demo code https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/.
but when I just add 'selectable' property to the demo code, The drag-drop behavior looks strange, after that, I add all selection code in demo https://www.telerik.com/kendo-react-ui/components/grid/selection/, It is still can not drag drop normally
is it a bug? or currently not support both drag-drop and selection row?
2 Answers, 1 is accepted
Hi,
I will share the answer from the support ticket here as well:
Since the selection relies on the row click, enabling drag and drop of the rows at the same time will interfere with the selection functionality. For enabling selection and drag and drop at the same time I would recommend using the checkbox selection demonstrated in the following example:
With the checkbox selection you will also have to disable the built-in selection, so that the selection is limited only to the checkboxes:
selectable={{
enabled: false,
}}
Regards,
Konstantin Dikov
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron
Hey,
I am having the same issue here, trying to make the row selectable and the grid reorderable with the help of drag and drop.
Especially since we are clicking on the drag handle to drag an item, it should be possible to disable this interference with the click on the row, maybe with a stopPropagation or something ?
Any workaround you may provide please ?
Thank you,
Regards,
Thomas
Hello Thomas,
I have to say that preventing the propagation of the click event is not possible and enabling the selection in combination with the built-in selectable is currently not supported.
Using the checkbox select column and implementing custom selection (by handling the onRowClick event) are the only valid solutions for enabling both functionalities: