A demo application showing Matrix React component to edit grid-organized data and export to CSV.

import Matrix, { MatrixMode } from 'matrix'
...
<Matrix
  rows={[50, 100]}
  columns={[50, 100]}
  values={[['50x50', '50x100'], ['100x50', '100x100']]}
  onChange={handleMatrixChange}
  gridSize={50}
  mode={MatrixMode.data}
/>

Install dependencies and run a webpack dev server. The output is opened in brower on localhost:8080

yarn install
yarn start

Production ready build is located in dist folder after running a command below:

yarn build

Made with 💖 by Alex Ilchenko

This project is licensed under the MIT License