Skip to content

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

@AvyukthReddy

Description

@AvyukthReddy

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)
}}
/>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions