Grid Clipboard

ProNew

Copy a range of cells as tab separated text and paste into editable cells, using browser copy and paste events so no permission prompt appears.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Use it when people move data between the grid and a spreadsheet. rangeToText and pasteIntoRows are exported as plain functions for your own handlers.


pnpm dlx shadcn@latest add @tealmac-pro/grid-clipboard

Prop	Type	Description
`rows / onRowsChange`	`T[]`	Controlled rows; paste and cut call it.
`columns`	`GridColumn<T>[]`	Only editable columns accept pasted values.
`rangeToText(columns, rows, range, withHeader?)`	`function`	Range to tab separated text.
`pasteIntoRows(columns, rows, start, text)`	`function`	Writes text into rows; returns the rows and the changed count.

Works with the normal Ctrl+C, Ctrl+X and Ctrl+V; a status line says how many cells were copied or pasted, or why nothing was.
Pasted text is coerced by column kind (numbers, booleans) and read only columns are never written.

Guide and examples

Use it when people move data between the grid and a spreadsheet. rangeToText and pasteIntoRows are exported as plain functions for your own handlers.


pnpm dlx shadcn@latest add @tealmac-pro/grid-clipboard

Prop	Type	Description
`rows / onRowsChange`	`T[]`	Controlled rows; paste and cut call it.
`columns`	`GridColumn<T>[]`	Only editable columns accept pasted values.
`rangeToText(columns, rows, range, withHeader?)`	`function`	Range to tab separated text.
`pasteIntoRows(columns, rows, start, text)`	`function`	Writes text into rows; returns the rows and the changed count.

Works with the normal Ctrl+C, Ctrl+X and Ctrl+V; a status line says how many cells were copied or pasted, or why nothing was.
Pasted text is coerced by column kind (numbers, booleans) and read only columns are never written.