--- title: "ReactGrid (@ReactGrid) | Hashnode" description: "Awesome things in React. Read the latest articles by ReactGrid on Hashnode." url: "https://hashnode.com/@ReactGrid" --- @ReactGrid # ReactGrid @ReactGrid · Kielce, Poland · Joined November 2020 Awesome things in React [Website](https://reactgrid.com/) ### [Financial liquidity planner with ReactGrid and Chart.js](https://reactgrid.hashnode.dev/financial-liquidity-planner-with-reactgrid-and-chartjs?utm_source=hashnode&utm_medium=feed) We made ReactGrid to compose your view with arbitrary cell order. In many components and tools in React ecosystem you have to keep the same data schema in all rows. Our component breaks out from the frame. You can add it to your project simply by run... 16 min read · [reactgrid.hashnode.dev](https://reactgrid.hashnode.dev/financial-liquidity-planner-with-reactgrid-and-chartjs?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/financial-liquidity-planner-with-reactgrid-and-chartjs/6045f9c88458d42fc821cfcb) [Mar 8, 2021](https://hashnode.com/posts/financial-liquidity-planner-with-reactgrid-and-chartjs/6045f9c88458d42fc821cfcb) ### [How to build a table with concurrent horizontal and vertical sticky headers in pure CSS](https://reactgrid.hashnode.dev/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css?utm_source=hashnode&utm_medium=feed) While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve an excellent user experience on components like Gannt charts, data tables and spreadsheets, w... 8 min read · [reactgrid.hashnode.dev](https://reactgrid.hashnode.dev/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css/6006e0e0094f2b30301dd927) [Jan 19, 2021](https://hashnode.com/posts/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css/6006e0e0094f2b30301dd927) ### [How to integrate ReactGrid with Chart.js?](https://reactgrid.hashnode.dev/how-to-integrate-reactgrid-with-chartjs?utm_source=hashnode&utm_medium=feed) ReactGrid is a React.js component for displaying and editing data in a spreadsheet-like way. This guide shows you how to integrate it with the well-known pure Javascript library - Chart.js. Why ReactGrid? There are plenty of different data tables av... 16 min read · [reactgrid.hashnode.dev](https://reactgrid.hashnode.dev/how-to-integrate-reactgrid-with-chartjs?utm_source=hashnode&utm_medium=feed) [Jan 12, 2021](https://hashnode.com/posts/how-to-integrate-reactgrid-with-chartjs/5ffd632f4084696c9d22a1ca) ### [What is ReactGrid and why is it unique?](https://reactgrid.hashnode.dev/what-is-reactgrid-and-why-is-it-unique?utm_source=hashnode&utm_medium=feed) ReactGrid is a React component which enables you to add spreadsheet-like behavior to your app. It was created to satisfy a narrow group of recipients for whom other products are not an appropriate solution. On the one hand there are data tables like ... 5 min read · [reactgrid.hashnode.dev](https://reactgrid.hashnode.dev/what-is-reactgrid-and-why-is-it-unique?utm_source=hashnode&utm_medium=feed) [Nov 5, 2020](https://hashnode.com/posts/what-is-reactgrid-and-why-is-it-unique/5fa3ebb83e634314b5178e6a)