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.
See docs/
.
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.
- Brian Chang - Fixed README formatting examples. Improved
column.cell
architecture. Helped to improve and designcell
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.
Based on react-hot-boilerplate (MIT) by Dan Abramov.
MIT. See LICENSE for details.