Currently grid allows us to edit only one cell, in my case I want to click on edit icon and render inputs for multiple editing.
When I type something in input - it loses focus and rerenders.
export const Editor = ({ row, column, onRowChange }: EditorProps) => {
return (
<Input
value={row[column.key as keyof Row] as unknown as string}
onChange={event => onRowChange({ ...row, [column.key]: event.target.value })}
/>
);
};
Link to code example:
react-data-grid
version: latestreact
/react-dom
version: latestOwner Name | adazzle |
Repo Name | react-data-grid |
Full Name | adazzle/react-data-grid |
Language | TypeScript |
Created Date | 2015-03-06 |
Updated Date | 2023-03-23 |
Star Count | 5922 |
Watcher Count | 129 |
Fork Count | 2072 |
Issue Count | 161 |
Issue Title | Created Date | Updated Date |
---|