Notes for Clemex

Building

• Retrieve the sources

git clone git@github.com:Clemex/react-data-grid.git
cd react-data-grid

• Initialize the package build branches

for pkg in react-data-grid{,-addons,-examples}; do
    pushd packages/$pkg
    git init
    git remote add origin git@github.com:Clemex/react-data-grid.git
    git fetch origin build/$pkg
    git checkout -f -b build/$pkg origin/build/$pkg
    echo 'node_modules/' >>| .git/info/exclude
    echo 'src/' >>| .git/info/exclude
    popd
done

• Make your changes in the project

• Build the packages

npm install && npm run build

• Commit the new built packages. This command will ask you for three commit messages, for react-data-grid, react-data-grid-addons and react-data-grid-examples.

for pkg in react-data-grid{,-addons,-examples}; do
    pushd packages/$pkg
    git add -A
    git commit
    popd
done

React Data Grid

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like http://adazzle.github.io/react-data-grid/

Installation

npm install react-data-grid

This library is written with CommonJS modules. If you are using browserify, webpack, or similar, you can consume it like anything else installed from npm.

Overview

ReactDataGrid is an advanced JavaScript spreadsheet-like grid component built using React

Themes

We use Bootstrap. If you want your Grid to get the "default" styling like the picture above, you'll need to include it separately.

npm install bootstrap

and then import the css from the dist folder when bootstrapping your application

import 'bootstrap/dist/css/bootstrap.css';

Migrations

If you intend to do a major release update for you react-data-grid check the migration documents.

Features

• Lightning fast virtual rendering
• Can render hundreds of thousands of rows with no lag
• Keyboard navigation
• Fully editable grid
• Rich cell editors like autocomplete, checkbox and dropdown editors, complete with keyboard navigation
• Custom cell Editors - Easily create your own
• Custom cell Formatters
• Frozen columns
• Resizable columns
• Sorting
• Filtering
• Context Menu
• Copy and Paste values into other cells
• Multiple cell updates using cell dragdown
• Association of events of individual columns

Check out the examples directory to see how simple previously complex UI and workflows are to create.

Contributing

Please see CONTRIBUTING

Credits

This project has been built upon the great work done by Prometheus Research. For the original project, please click here. It is released under MIT