bjrmatos / reactabular

Spectacular tables for React.js (MIT)

Reactabular - Spectacular tables for React.js

Reactabular has been designed to make it easier to build tables on top of React.js. The core has been kept simple while allowing you to extend it as needed. You can customize rendering on cell level and adjust the way data is sorted. This way you can implement basic functionalities such as search, pagination, sorting, inline editing and so on.

The library can work with either fixed data loaded once or you can hook it into a backend through a method of your choosing. For instance it works well with various Flux approaches. The table simply consumes the data from store which you then adjust using various actions.

The chosen approach means it might take more code to achieve certain goals. This gives you a degree of freedom while keeping the core easier to maintain.

Documentation

See docs/.

Development

npm install
npm start
open http://localhost:8080

Now edit demos/app.js.

Your changes will appear without reloading the browser like in this video.

Contributors

• Brian Chang - Fixed README formatting examples. Improved column.cell architecture. Helped to improve and design cell API.
• Antoine Verger - Allow editor text inputs to be erased correctly
• Daan Nijkamp - Fixed README search example.
• Utku Demir - Helped to ideate row API.
• Andrea de la Isla - Made search algorithm stable and allowed header to be customized.
• cameron - Helped to render nested properties through cells.
• Igor Kaplounenko - Allowed rowKey to be set.

Acknowledgments

Based on react-hot-boilerplate (MIT) by Dan Abramov.

License

MIT. See LICENSE for details.