react-data-grid icon indicating copy to clipboard operation
react-data-grid copied to clipboard

Support for Multi-Cell Select and Copy-Paste in React Data Grid

Open AvyukthReddy opened this issue 1 year ago • 1 comments

Feature:

  • Multi-Cell Select: The ability to select multiple cells at once, similar to how you can in spreadsheet applications like Excel.
  • Copy-Paste: The ability to copy the selected cells and paste them into another location within the grid or into an external application like Excel.

Use case:

Bulk editing grid data.

Proposed solution:

We can create a prop cellRangeSelection to handle the selection and copy-paste actions. Here’s an example of how you might set it up (already available in legacy versions of https://github.com/adazzle/react-data-grid):

<DataGrid cellRangeSelection={{ onStart: (args) => console.log('Selection started:', args), onUpdate: (args) => console.log('Selection updated:', args), onComplete: (args) => console.log('Selection completed:', args) }} />

AvyukthReddy avatar Sep 25 '24 19:09 AvyukthReddy

this is something you're gonna have to implement yourself.

softmarshmallow avatar Oct 06 '24 13:10 softmarshmallow

this is something you're gonna have to implement yourself.

Hey, is there any example on how to implement this? I tried to do it, but I find it really hard to implement given the current interface of version 7

Klynger avatar Jul 03 '25 15:07 Klynger