Getting started

Install react-datasheet-grid using npm or yarn:

npm i react-datasheet-grid

Usage#

You can start by using built in columns:

import {  DataSheetGrid,  checkboxColumn,  textColumn,  keyColumn,} from 'react-datasheet-grid'
const Example = () => {  const [ data, setData ] = useState([    { active: true, firstName: 'Elon', lastName: 'Musk' },    { active: false, firstName: 'Jeff', lastName: 'Bezos' },  ])
  const columns = [    { ...keyColumn('active', checkboxColumn), title: 'Active' },    { ...keyColumn('firstName', textColumn), title: 'First name' },    { ...keyColumn('lastName', textColumn), title: 'Last name' },  ]
  return (    <DataSheetGrid      value={data}      onChange={setData}      columns={columns}    />  )}

Demo#

Active

First name

Last name

rows