Filling Down Feature for FlexGrid (React)?

Filling Down Feature for FlexGrid (React)?

Posted by: software on 27 July 2023, 1:27 pm EST

• 

  software

  • Post Options:
  • Link
    Copy

  Posted 27 July 2023, 1:27 pm EST - Updated 27 July 2023, 1:32 pm EST

  Hi,

  Wondering if there is an example of something similar to this feature or if this is possible? Would grab the value from first cell and paste it on the cells below that were selected. also works when clicking on the column header and fills all with first cell value. thanks!
  
  

  

  284×653 20.2 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 28 July 2023, 2:23 am EST

  Hi,

  To achieve the required feature you can create a small div at the bottom-right corner of each cell and then implement a mousedown and mouseup event on FlexGrid to copy the series. Additionally, you can add a condition in the mousedown event to update the entire column’s data when clicked. In the below shared sample, I have implemented it on Ctrl + click on column header cells to update the entire column, you can update it as per your requirement.

  Sample link: https://stackblitz.com/edit/react-xoich4?file=Hello.js

  Regards