Make Flex Grid row drag to re-order from any cell in row

Posted by: davidmartin-bennett on 18 January 2023, 2:21 am EST

    • Post Options:
    • Link

    Posted 18 January 2023, 2:21 am EST


    I was wondering if there is a way to make the whole row drag-able?

    Currently we have the row dragging enabled but you can only reorder if you drag from the first grey column.

  • Posted 18 January 2023, 3:04 pm EST


    To drag and drop rows from any cell, you will need to make the cells draggable by using the itemFormatter property of FlexGrid and setting the cell’s draggable property to true. Then, you may handle the various drag events on the hostElement of the FlexGrid. Please refer to the sample link below for reference:


  • Posted 18 January 2023, 8:58 pm EST

    That’s almost perfect, I don’t suppose there’s a way to make the dragging preview the whole row rather than just the cell you dragged?

  • Posted 19 January 2023, 6:21 pm EST


    Yes, you can show the entire row content while dragging the row. To achieve the desired result you may set the cell’s parent element(current selected row) to draggable instead of cells in the itemFormatter callback function. Please refer to the sample link below demonstrating the same:


  • Posted 19 January 2023, 7:24 pm EST

    Perfect, thank you

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels