Flexgrid Angular - Drag a cell where it copies to other cells

Flexgrid Angular - Drag a cell where it copies to other cells

Posted by: andrewalisa on 6 May 2021, 11:08 am EST

• 

  andrewalisa

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 May 2021, 11:08 am EST - Updated 3 October 2022, 2:00 pm EST

  In Excel, I can do something like this:

  

  Essentially, I am trying to “drag” cells so they can easily copy into the other rows easily. How can I achieve this in Flexgrid Angular?

  I am using Angular 10.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 7 May 2021, 7:59 am EST

  Hi,

  You can add an element through the itemFormatter property of FlexGrid where you can use the mouse events to achieve the functionality. However, I would suggest you use the FlexSheet where you have a predefined property called allowAutoFill which gives the exact similar functionality as excel as the FlexSheet is the extended version of FlexGrid you will find more resemblance to the excel in it.

  Please refer to the sample to achieve this functionality.

  Regards,
  
  Ashwin

  drag_copy_paste.zip